@charset "UTF-8";
::-webkit-scrollbar {
 width: 0px
}
::selection {
	background: black;
	background: var(--themecolor);
	color: #eee;
}
::-webkit-input-placeholder {
  opacity:0.25;
}
ul,ol{
	clear:both;
	border-left:1px solid;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 549174 */
  src: url('//at.alicdn.com/t/c/font_549174_t0tio3sdsgg.woff2?t=1751497844058') format('woff2'),
       url('//at.alicdn.com/t/c/font_549174_t0tio3sdsgg.woff?t=1751497844058') format('woff'),
       url('//at.alicdn.com/t/c/font_549174_t0tio3sdsgg.ttf?t=1751497844058') format('truetype');
}
@font-face {
  font-family: "仓耳非白W01";
  src: url('仓耳非白W01.ttf') format('truetype');
}
@font-face {
  font-family: "simkai";
  src: url('simkai.ttf') format('truetype');
}
.bgmask ::selection {
	background: transparent;
	color: #fff;
}
*, *:before, *:after {
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+)*/
	-ms-overflow-style: none; /*IE10+滚动条隐藏*/
}
*:focus {
	outline: none;
}
html, body {
	width: 100%;
	height: auto;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	color: black;
	color: var(--themecolor);
	background: var(--txtcolor);
	line-height: 1.5;
	font-family: "iconfont", Verdana, Geneva, Times, sans-serif;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-overflow-scrolling: touch;
	--themecolor: black;
	--txtcolor: white;
}
body.music,body.books{
	font-family: "iconfont","simkai";
}
@media(max-width:375px){
    html{
        font-size: 85%;
    }
}
@media(min-width:1280px){
    html{
        font-size: 125%;
    }
}
@media(min-width:2560px){
    html{
        font-size: 175%;
    }
}
@media(min-width:3840px){
    html{
        font-size:256%;
    }
}
body * {
	font-weight: normal!important;
}
body.loading:after,.popIframe.loading:after {
	content: "";
	text-align: center;
	position: fixed;
	z-index: 999;
	opacity: 1;
	display: block;
	left: 50%;
	top: 50%;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	margin-left: -2rem;
	margin-top: -2rem;
	border-radius: 50%!important;
	transition-duration: 0.5s;
	border: 2.5px solid;
	border-top-color: silver;
	border-left-color: transparent;
	border-right-color: transparent;
	background-size: 50%;
	opacity: 0.62;
	animation: rotate360 0.75s linear infinite;
	display: none\9!important;/*ie678*/
}
.popIframe.loading:after {
	position: absolute;
	z-index: -1;
}
body.bgmask.loading:after{
	border-top-color: white;
}
.popmaskon {
	position: fixed;
	width: 100%;
}
.popmaskon .media,.popmaskon video{
	display2:none!important;
}
div.bgmask:after,.imgmask:before{
	content: " ";
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("/img/bg_line.png") repeat top left;
	opacity: 0.25;
	display: none\9;/*ie678*/
}
div.bgmask:after{
	opacity: 0.5;
}
.poster:before,.date .layer:before,.imgmask:before {
	position: absolute;
}
.imgmask:before{
	z-index: 1;
}
body.bgmask,body.musicmask,body.musicmask .popIframe {
	--themecolor: white;
	--txtcolor: black;
	background-color: #000;
}
body.bgmask .poster,body.root.mvcat.bgmask .list .title{
    filter: sepia(0) grayscale(0) contrast(1) brightness(100%)!important;
}
div.bgmask {
	position: fixed!important;
	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	transition-duration: 1.5s;
}
div.bgmask canvas {
	pointer-events: none;
	bottom: 0!important;
}
.snow-container, .particles-js-canvas-el {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	transition-duration: 1.5s!important;
	pointer-events: none;
}
body.pause div.bgmask .snow-container, body.pause div.bgmask .particles-js-canvas-el, body.pause #bloodsmoke {
	opacity: 0!important;
	transition-duration: 1.5s!important;
}
body:not(.play) div.bgmask.layer{
	filter: brightness(0.62) blur(5px) opacity(1)!important;
}
.snow-container{
	filter: blur(3px);
}
body .parallax .layer, body.guess div.bgmask div {
	width: 140%!important;
	height: 120%!important;
	margin: 0 auto auto -20%;
	top: -10%!important;
}
body.guess div.bgmask {
	background-color: #333;
	filter: blur(0px);
}
body.guess.content *{
	color:white;
}
@media screen and (orientation:portrait) {
body div.bgmask.parallax .layer {
	width: 120%!important;
	height: 140%!important;
	margin: 0 auto auto -10%;
	top: -20%!important;
}
body.guess div.bgmask div {
	background-size: contain;
}
}
body.movie div.bgmask div {
	opacity: 1;
}
img {
    vertical-align: bottom;
    border: 0;
}
table {
	border-spacing:0;
}
a {
	color: black;
	color: var(--themecolor);
	text-decoration: none;
	cursor: pointer;
	outline: none;
	font-family: "iconfont", Verdana, Geneva, Times, sans-serif;
}
a:hover {
	text-shadow: 0 0;
	opacity: 1!important;
	transition-duration2: 0.3s;
}
a.current {
	opacity: 1!important;
	font-weight:bold!important;
}

a[href*='baidu.com']:before{
	content:"\e75b\a0";
}
a[href*='google.com']:before{
	content:"\e632\a0";
}
a[href*='bing.com']:before{
	content:"\e633\a0";
}
a[href*='wikipedia.org']:before{
	content:"\e688\a0";
}
a[href*='weibo.com']:before{
	content:"\e62c\a0";
}
a[href*='zhihu.com']:before{
	content:"\e69a\a0";
}
a[href*='douban.com']:before{
	content:"\e604\a0";
}
a[href*='metaso.cn']:before{
	content:"\e7a3\a0";
}
a[href*='youtube.com']:before{
	content:"\e645\a0";
}
a[href*='bilibili.com']:before{
	content:"\e60a\a0";
}
a[href*='iqiyi.com']:before{
	content:"\eb64\a0";
}
a[href*='youku.com']:before{
	content:"\e655\a0";
}
a[href*='1905.com']:before{
	content:"\e656\a0";
}
a[href*='v.qq.com']:before{
	content:"\e646\a0";
}
a[href*='ixigua.com']:before{
	content:"\e65e\a0";
}
a[href*='baike.com']:before{
	content:"\e629\a0";
}
a[href*='rottentomatoes.com']:before{
	content:"\e698\a0";
}
a[href*="metacritic"]:before{
	content: "\e6d0\a"
}
a[href*='imdb.com']:before{
	content:"\e663\a0";
}
a[href*='pan.quark.cn']:before{
	content:"\e649\a0";
}
a[href*='alipan.com']:before{
	content:"\e64a\a0";
}
a[href*='pan.baidu.com']:before{
	content:"\e62d\a0";
}
a[href*='pan.xunlei.com']:before{
	content:"\e60e\a0";
}
a[href*='drive.uc.cn']:before{
	content:"\e65c\a0";
}
a[href*='mgtv.com']:before{
	content:"\e65f\a0";
}
a[href*='miguvideo.com']:before{
	content:"\e64b\a0";
}
a[href*='yangshipin']:before{
	content:"\e659\a0";
}
a[href*='cctv.com']:before{
	content:"\e65b\a0";
}
a[href*='douyin.com']:before{
	content:"\e8db\a0";
}
a[href*='zimuku']:before{
	content:"\e67c\a0";
}
a[href*="thunder:"]:before,#content a[href*="ed2k:"]:before,#content a[href*="magnet:"]:before,#content a[href*="ftp:"]:before,#content a[href*=".torrent"]:before{
	content:"\e8f1\a0"
}
.channel a:before,a.list:before,.list a:before,.functions a:not(.ratings a):before,.doubansummary a:not(.ratings a):before{
	content:""
}
textarea {
	color: black;
	color: var(--themecolor);
	background: none;
	font-size: 1em;
	width: 100%!important;
	line-height: 1.5;
	height: 7em!important;
	border: 1px dashed!important;
	padding: 0.5em!important;
	box-shadow: none;
	border-radius: 12px!important;
	outline: none;
	-webkit-appearance: none;
}
input {
	color: black;
	color: var(--themecolor);
	position: relative;
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: 1px dashed;
	background: none;
	border-radius: 0;
	overflow: visible;
	outline: none;
	-webkit-appearance: none;
}
input::-ms-clear {
    display: none;
}
input[type=text], input[type=password] {
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari 和 Chrome */
}
.sorter input[type=text] {
	font-size: 1em;
	width: 5em;
	padding: 0;
	border-bottom: 1px dashed;
	text-align: center;
}
input[type=submit], input[type=button], button, .button, select {
	width: auto;
	border: none!important;
	color: black;
	color: var(--themecolor);
	background: transparent;
	border-radius: 0;
	text-align: center;
	cursor: pointer;
	opacity: 1;
	font: unset;
	font-size: 1em;
	outline:none;
	-webkit-appearance: none;
}
button, .button{
	display: inline-block;
	background: var(--themecolor);
	color: var(--txtcolor);
	border-radius: 2em;
	padding: 0 0.75em;
}
.insearch select{
	opacity: 0;
	-webkit-appearance: auto;
}
.insearch:hover select{
	opacity: 1;
}
input[type='range'], input[type='range']::-webkit-slider-runnable-track, input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type='range']{
    height:4px;
    background:var(--themecolor);
    border-radius:2px;
    vertical-align: middle;
}
input[type='range']::-webkit-slider-thumb {
  width:1em;
  height:1em;
  cursor: ew-resize;
  background:var(--txtcolor);
  border-radius:50%;
}
form {
	display: inline;
}
blockquote {
	display: block;
	width: 100%;
	margin: 0.5em 0;
	padding: 0 0.62em;
	border-left: 1px solid;
	quotes: none;
	font-size: 0.85em;
	opacity:0.5;
}
blockquote:hover {
	opacity:1;
}
blockquote p{
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	border-bottom: 1px solid;
}
h1, h2 {
	font-size: 1.8em;
}
#content h2{
	font-size: 1.5em;
}
h3, h4, h5, h6 {
	font-size: 1.2em;
}
body.channel h1, body.channel h2, body.channel h3, body.channel h4, body>.rightside h3,body.channel #author {
	position: relative;
	white-space: nowrap;
	width: 96%;
	margin-left: 2%;
	text-overflow: ellipsis;
}
body>.right h1:first-child,body>.right h2:first-child{
	margin-top: 0!important;
	padding-top: 1.65em;
}
#favorite h2{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 6%;
	padding-top: 1.65em;
}
body.content h1 {
	position: relative;
	width: auto;
	border-bottom: none;
	cursor: pointer;
}
body>.right h1.allsearch {
	cursor: pointer;
}
body>.right h1.allsearch:after {
	content2: "\e60a";
	font-size: 0.65em;
	margin-left: 0.5em;
	transition-duration: 0.3s;
}
body.isWeixin2 h1:before, body.isHtml5Plus2 h1:before {
	content: "\e6d8"!important;
	font-size: 1.5em!important;
	position: fixed!important;
	top: 0.5em!important;
	right: 0.5em!important;
}
body.inframe h1:before {
	display: none;
}
body>.right h1.allsearch:hover:after {
	color: #231f20
}
body>.left {
	position: fixed;
	z-index: 2;
	float: left;
	top: 0;
	left: 0;
	width: 20%;
	padding: 0;
	height: 100%;
	min-height: 100vh;
	overflow: visible;
	overflow-y: auto;
	background: url('/img/cat_tran.png') no-repeat center bottom;
	background-color: rgba(0, 0, 0, 0.04);
	background-size: 100% auto;
}
body>.left .logo {
	display: block;
	font-size: 2.5em;
	text-align: center;
	padding-top: 1em;
	font-family: auto;
}
.menu {
	font-size: 1.8em;
	line-height: 2;
	text-align: center;
	padding: 0.5em 0;
}
.menu>a {
	display: block;
}
.menu.plus>a:nth-of-type(odd):before{
	content:"__";
}
.menu.plus>a:nth-of-type(even):after{
	content:"__";
}
.submenu {
	position: relative;
	width: 62%;
	border-bottom: 1px solid;
	padding: 1.5em 0;
	clear: both;
	margin: 0 auto;
	text-align: center;
}
.submenu.copyright {
	border-bottom: none;
}
.submenu.copyright a {
	width: 100%;
}
.submenu#lcontrol {
	border: none;
	width: 50%;
	padding-top: 0;
	text-align: center;
}
#lcontrol label:first-child {
	margin-top: 2em!important;
}
.submenu a {
	display: inline-block;
	line-height: 1;
	margin: 0.5em 0;
	padding: 0 0.5em;
	text-align: center;
	min-width: 38%;
	width: auto;
	overflow: hidden;
}
.showleft, #magic {
	width: 1.5em;
	height: 1em;
	line-height: 1em;
	border-radius: 50%;
	position: fixed;
	z-index: 3;
	left: 20%;
	bottom: 50%;
	margin-left: -0.75em;
	margin-bottom: -0.5em;
	font-size: 3em;
	text-align: center;
	background-size: cover;
	cursor: pointer;
	-webkit-touch-callout: none;
	transition-duration: 0s;
}
#magic {
	left: 1.25em;
}
body.bgmask .showleft, body.bgmask #magic {
	background-color: transparent;
	text-shadow2: 0 1px rgba(0,0,0,0.5);
}
.popmaskon .showleft {
	left: 10%;
}
.popside .showleft {
	left: 20%;
}
.showleft:after,#magic:after {
	content: "\e98b";
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	zoom: 1;
}
#magic:after {
    content: "\ea24";
    color: black;
	color: var(--themecolor);
    text-shadow: 0 0 16px white, 0 0 1px white, 0 0 2px white, 0 0 4px white;
	opacity: 0.85;
}
.showleft:active {
	zoom:1.1;
}
#magic:hover:after {
    text-shadow: 0 0 32px gold, 0 0 2px gold, 0 0 4px gold, 0 0 8px gold;
}
body.swipeRight .showleft {
	bottom: 50%!important;
	font-size: 3em;
}
body.swipeLeft .showleft:after {
	content: "\e64d";
}
body.swipeRight .showleft:after {
	content: "\e98b"!important;
}
body>.right {
	position: relative;
	top: 0;
	left: 20%;
	width: 60%;
	min-height: 100vh;
	margin: 0;
	padding: 0 3% 2% 3%;
	overflow-x: hidden;
}
body.channel>.right {
	width: 80%;
	padding: 0 2% 2% 2%;
}
body.root.swipeLeft>.right {
	padding: 0 2%;
}
body.channel>.rightside {
	display:none;
}
body.swipeLeft>.left, body.inframe>.left {
	left: -20%;
	overflow: visible;
}
body.content.swipeLeft>.right, body.inframe>.right, body.inframe>.rightside, body.swipeLeft>.rightside {
	position: relative;
	left: 0;
	width: 100%!important;
	min-height: auto;
	box-shadow: none!important;
	background: none;
}
body.swipeLeft>.rightside {
	height: auto;
	padding: 0 3% 0 3%;
}
body.inframe>.rightside {
	height: auto;
	padding: 0 4% 1% 4%;
}
body.swipeLeft .extra {
	display: none;
}
body.content.swipeLeft #ftool, body.inframe #ftool {
	right: 0;
}
body.channel.swipeLeft>.right {
	left: 0;
	width: 100%;
}
body>.right .sortbox {
	opacity: 1;
	width: 100%;
}
body.bgmask .echarts {
	opacity: 0.85;
}
.root .echarts {
	margin: 0 auto;
}
body.root.mvcat.swipeLeft>.right .sortbox, body.root.mvcat.swipeRight>.right .echarts, body.root.mvcat.swipeRight>.right .ad-inline,body.root.music.swipeLeft>.right,body.root.music.swipeLeft>.rightside {
	display: none;
}
body.root.swipeLeft>.right .sortbox .list .poster.text {
	padding-bottom: 38%;
	-webkit-mask-image: none;
	box-shadow: none;
}
body.swipeLeft .popIframe {
	width: 94%;
}
body.swipeLeft .showleft {
	left: 0;
}
.selections .cate {
	width: 94%;
	margin: 1%;
	padding: 1% 2%;
	color: #ccc;
	background: rgba(0, 0, 0, 0.04);
	font-size: 0.65em;
	clear: both;
}
.list {
	position: relative;
	float: left;
	width: 25%;
	padding: 2%;
}
.list>a{
	float: left;
	width:100%;
	border: none!important;
}
.music .list {
	margin: 0!important;
	padding: 2em 2%!important;
	border:none!important;
}
.music .list:last-child {
	margin-bottom: 1em!important;
}
body.music.swipeLeft .columns .list{
	padding: 2em!important;
}
body.about .list {
	width: 16.6%;
}
.related {
    margin: 0 -2%;
}
body>.rightside h3 {
	margin: 2%;
	border: none;
}
body.inframe>.rightside h3,body.swipeLeft>.rightside h3 {
    margin: 2%;
}
.list.text {
	width: 21%;
	padding: 0 0.75em!important;
	margin: 2%;
	line-height: 2.5em;
	height: 2.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: white;
	color: var(--txtcolor);
	background: black;
	background: var(--themecolor);
	border-radius: 0 0 12px 12px;
}
.list.text .icon {
	margin-right: 0.5em;
	float: left;
}
.list.text .icon:before {
	content: "\e990";
}
.list.text .icon.link:before {
	content: "\e668";
}
.list.text .icon.music:before {
	content: "\e603";
}
.list.text .icon.history:before {
	content: "\e8a9";
}
.list.text .icon.faved:before {
	color: red;
	content: "\e77c";
}
.list.text .icon:hover:before {
	content: "\e990"!important;
}
.list.text .icon:not(.star):hover:before {
	content: "\e77c";
}
.list .title, .list .summary {
	position: relative;
	margin: 0;
	white-space: nowrap;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	border: none;
}
body.root.mvcat .list .title .mobile:after {
	content:" · ";
}
.list .title {
	padding: 0.5em;
}
body.movie .list[class*=必看] .title {
	color2: #231f20!important;
}
.list[href*='//']:hover .title:before, .list:hover .qBox a[href*='//'] .title:before {
	content2: "\e668\00A0";
}
body.music.bgmask .list .title, body.music.bgmask .list .summary {
	color:var(--themecolor);
	background: none;
	text-shadow: none;
}
.list .summary {
	font-size: 0.85em;
	height: 1.5em;
}
.list .title + .summary {
	padding-top: 0;
	opacity: 0.5;
}
body.swipeLeft .list .title + .summary span {
	display: inline;
}
.list .summary ~ .title {
	padding-bottom: 0;
}
.search .list .summary, .about .list .summary {
	display: block;
}
.music .list .title {
	position: absolute;
	top: auto;
	left: 0;
	bottom: -1em;
	line-height: 2;
	text-align: center;
	margin: 0!important;
	padding: 0 10%!important;
	color: black;
	color: var(--themecolor);
	background: none;
	text-shadow: none;
}
.music .list .summary {
	display: none!important;
}
.list:hover .summary {
	opacity: 1;
}
.linklist h1, .linklist h2 {
	margin-bottom: 0!important;
}
.linklist .list .poster .play {
	border-radius: 50%;
}
.linklist .list:before, .linklist .list:after {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -1px;
	width: 100%;
	border: 1px dashed;
	border-right: none!important;
	border-top: none!important;
	opacity: 0.38;
}
.bgmask .linklist .list:before, .bgmask .linklist .list:after {
	border: 1px dashed;
}
.linklist .list:before {
	display: none;
}
.linklist .list:nth-of-type(4n+0):after {
	top: 100%;
	left: -250%;
	margin-left: -1px;
	border-width: 1px 0;
	width: 300%;
	height: auto;
}
.linklist .list:nth-of-type(4n+0):before, .linklist .list:nth-of-type(4n+1):before {
	display: block;
	width: auto;
	height: 50%;
}
.linklist .list:nth-of-type(4n+1):before {
	top: 0;
}
.linklist .list:last-child:after, .linklist .list:last-child:nth-of-type(4n+0):before {

	display: none;
}
.poster {position: relative;margin: 0 auto;padding: 0;height: 0;width: 100%;padding-bottom: 62%;overflow: hidden;background-repeat: no-repeat;background-position: center 38%;background-image:url("../img/bg_spaceman_640.jpg");background-size: cover;box-shadow: 0 0 88px inset;filter: sepia(1) grayscale(1) contrast(1) brightness(150%);border-radius: 12px;}
body.greatman #right .list .poster{
	padding-bottom: 100%;
}
/*圆角化*/
.list .poster {
  transition-duration: 1.5s;
  overflow: hidden;
}
.list .poster {
  border-radius: 87% 91% 98% 100%;
}
.list:hover .poster {
  border-radius: 95% 70% 100% 80%;
  transform: rotate(-2deg);
}
.list:nth-child(2n+1) .poster {
  border-radius: 59% 52% 56% 59%;
  transform: rotate(-6deg);
}
.list:nth-child(2n+1):hover .poster {
  border-radius: 51% 67% 56% 64%;
  transform: rotate(-4deg);
}
.list:nth-child(3n+2) .poster {
  border-radius: 84% 94% 83% 72%;
  transform: rotate(5deg);
}
.list:nth-child(3n+2):hover .poster {
  border-radius: 69% 64% 53% 70%;
  transform: rotate(0deg);
}
.list:nth-child(5n+3) .poster {
  border-radius: 73% 100% 82% 100%;
  transform: rotate(5deg);
}
.list:nth-child(5n+3):hover .poster {
  border-radius: 73%;
  transform: rotate(1deg);
}
.list:nth-child(7n+5) .poster {
  border-radius: 93% 90% 85% 78%;
  transform: rotate(-4deg);
}
.list:nth-child(7n+5):hover .poster{
  border-radius: 53% 70% 85% 68%;
  transform: rotate(-2deg);
}
.list:nth-child(11n+7) .poster {
  border-radius: 68% 68% 83% 53%;
  transform: rotate(-2deg);
}
.list:nth-child(11n+7):hover .poster {
  border-radius: 58% 98% 78% 83%;
  transform: rotate(3deg);
}
/*圆角化*/
body.squareposter .poster:not(.rotate360),body.squareposter .list .poster{
	border-radius: 0!important;
	transform: none!important;
}
body.squareposter *,body.squareposter *:before,body.squareposter *:after {
	border-radius: 0!important;
}
body.themecolor .poster{
	filter: sepia(0) grayscale(0.62) contrast(1) brightness(100%);
}







.poster.text{
	filter: none!important;
	transform: none!important;
	background-image: none;
	border-radius: 0!important;
	margin: 0 auto;
	padding-bottom: 32%;
	color: white;
	color: var(--txtcolor);
	background-color: black;
	background-color: var(--themecolor);
	box-shadow: none;
	border-bottom: 1px solid;
}
.poster.text + .title{
	font-size: 1em;
	border-radius: 0 0 12px 12px;
	color: white;
	color: var(--txtcolor);
	background: black;
	background: var(--themecolor);
}
body.root:not(.music) .list:hover .poster.text{
	background-image:url("../img/bg_wood_320.jpg");
}
.list.goods .poster,.goods .poster{
	/* padding-bottom:100%!important; */
	/* box-shadow: none; */
	/* filter: none!important; */
	/* transform: none!important; */
	/* border-radius: 0%!important; */
	/* background-color: white; */
}
.list.goods .poster:before{
	display: none;
}
.list.movie .poster{
	padding-bottom:150%!important;
}
.海报 .list .title,海报 .list .summary{
	display:none;
}
.海报 .list .poster{
	border-radius: 12px!important;
	transform: none!important;
}
.poster video {
	position: absolute;
	top: 0;
	background: black;
	border: none;
	overflow: hidden;
}
body .list.logo .poster {
	background-size: auto 68%;
	background-position: center center;
}
.linklist .poster {
	opacity: 1;
}
body.guess>.right .poster {
	box-shadow: 0 0 5px #fff inset!important;
}
.content .poster#cover {
	width: 38%!important;
	padding-bottom: 38%!important;
}
body.swipeRight .content .poster#cover {
	width: 62%!important;
	padding-bottom: 62%!important;
}
.poster[style*="loading"] {
	box-shadow: none;
}
.poster:hover, a:hover .poster, .poster.playing {
	opacity: 1;
	background-position:center top;
	filter: sepia(0) grayscale(0) contrast(1) brightness(120%)!important;
}
.poster:hover, a:hover .poster {
	transition-duration: 1.5s;

}
.poster:hover a {
	color: #231f20;
}
.poster.cover:hover, .poster.cover.playing {
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.25) inset, 0 0 32px rgba(0, 0, 0, 0.25);
}
.music .poster, .poster.cover, #mplay {
	width: 100%;
	padding-bottom: 100%!important;
	border-radius: 50%!important;
	background-position: center center;
	-webkit-mask-image: none;
}
.music .poster.cover {
	padding-bottom: 100%!important;
	margin: 0 auto;
	transform: none;
}
.music .poster.cover:hover, .music .poster.cover.playing {
	opacity: 1;
}
.word .poster {
	background-size: cover!important;
}
.icon.play:before {
	content: "\e87c\00A0";
}
.poster .play {
	position: absolute!important;
	left: 50%;
	bottom: 50%;
	margin-left: -1.5em;
	margin-bottom: -1.5em;
	width: 2.4em;
	height: 2.4em;
	box-shadow: 0 0 0 2px;
	line-height: 2.4em;
	vertical-align: middle;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #231f20;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	opacity: 0;
	cursor: pointer;
}
.poster .play:before {
	content: "\e662";
}
.poster .play.ticket:before {
	content: "\e723";
}
.poster .play.link:before {
	content: "\e668";
}
.list .poster:hover .play, body.isMobile .poster .play {
	opacity: 0.65;
	box-shadow: 0 0 0 2px, 0 0 40px;
}
.list .poster .play:hover {
	opacity: 1;
}
.poster img, #content .poster img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	opacity: 0;
	margin: 0!important;
}
.aplayer {
	margin-bottom: 1em;
	border: none!important;
	overflow: visible;
}
#mplay {
	margin-bottom: 1.5em;
}
body.swipeLeft #mplay.playing, body.inframe #mplay.playing, body.root.mvcat.swipeLeft #mplay {
	position: fixed;
	opacity: 1;
	background: transparent!important;
	width: 1em;
	height: 1em;
	font-size: 3.2em;
	line-height: 1em;
	text-align: center;
	padding-bottom: 0!important;
	left: 0.5em;
	top: 50%;
	margin-top: -0.5em;
	box-shadow: none!important;
	filter: none;
}
body.music.swipeLeft #mplay{
	display:none;
}
body.music.root.swipeLeft #mplay{
	display:block;
}
body.swipeLeft #mplay.playing:after, body.inframe #mplay.playing:after, body.root.swipeLeft #mplay:after {
	display: block;
	background: none;
	content: "\e615";
	box-shadow: none;
	width: 1em;
	height: 1em;
	line-height: 1em;
	margin-left: -1em;
	margin-top: -0.5em;
	transition-duration: 0s;
}
body.root.mvcat.swipeLeft #mplay:after {
	content: "\e6d4";
}
body.root.mvcat.swipeLeft #mplay:before{
	display: none;
}
body.root.music.swipeLeft #mplay{
	left:50%;
	top: 50%;
	margin-left: -0.5em;
	animation: none;
	background: transparent!important;
	box-shadow: none!important;
	cursor: pointer;
	overflow:visible;
	opacity: 0;
	font-size: 5em;
}
body.root.music.swipeLeft #mplay:before{
	display: none;
}
body:not(.loading).root.music.swipeLeft.isDesktop:hover2 #mplay{
	opacity: 0.62;
	transition-duration: 1.5s;
}
body.root.music.swipeLeft.popmaskon #mplay{
	display: none!important;
}
body.root.music.swipeLeft #mplay:after {
	content: "\e6cc";
}
body.root.music.swipeLeft.pause #mplay:after {
	content: "\e662";
}
body.swipeLeft #mplay.playing .acycle, body.inframe #mplay.playing .acycle {
	display: none;
}
body.swipeLeft.bgmask #mplay:after {
	color: inherit;
}
body.swipeLeft #mplay.playing canvas {
	display: none;
}
.poster.cover, body.pause .poster.cover {
	cursor: url("/img/play.cur"), pointer;
}
.poster.cover.playing {
	cursor: url("/img/pause.cur"), pointer;
}
.poster.cover:after {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%!important;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	text-align: center;
	font-size: 0.75em;
	padding: 0 0.5em;
	letter-spacing: 2px;
	background: var(--txtcolor);
	color: var(--themecolor);
	box-shadow: 0 0 0 8px
	rgba(255, 255, 255, 0.25);
}
.poster.cover.playing:after {
	content: '单曲';
}

body.单曲 .poster.cover.playing:after {
	content: '单曲';
}
body.随机 .poster.cover.playing:after {
	content: '随机';
}
body.pause .poster.cover.playing:after {
	content: '暂停';
}
#mplay:after {
	width: 4em;
	height: 4em;
	line-height: 4em;
	margin-left: -2em;
	margin-top: -2em;
	box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.25);
	font-family: "iconfont";
}
.acycle {
	opacity: 0.85;
	overflow: hidden;
}
.toplist .poster.cover.playing .acycle, .playlist .poster.cover.playing .acycle, body>.rightside .poster.cover.playing .acycle {
	display: none;
}
.toplist .poster.cover:after, .playlist .poster.cover:after {
	content: " "!important;
}
.url .list img {
	display: block!important;
	margin: 0 auto;
	padding: 5px 15px;
	height: 38px;
	width: 62%;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 25px;
}
}
.music .list img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.list.tags {
	color: rgba(0, 0, 0, 0.04);
	float: none;
	width: auto;
	height: auto;
	line-height: 1.8;
	white-space: normal;
}
.list.more {
	background: none!important;
}
.list.more .poster {
	position: relative;
	box-shadow: none!important;
	border: none!important;
	background: none!important;
	filter: none!important;
	transform: none!important;
}
.list.more .poster:before{
	display: none;
}
.list.more .poster:after, .list .poster.text>* {
	content: "\e9a0";
	position: absolute;
	width: 100%;
	font-size: 3em;
	letter-spacing: 0.25em;
	top: 50%;
	line-height: 1;
	margin-top: -0.5em;
	text-align: center;
	cursor:pointer;
	white-space: nowrap;
}
.list.more:hover .poster:after, .list:hover .poster.text>* {
	font-size: 4em;
	opacity: 1;
	transition-duration: 0.3s;
}
.list .poster.text>* {
	display: block;
	padding: 0 1em;
	font-size: 1.8em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list:hover .poster.text>* {
	font-size: 2.0em;
	transition-duration: 0.5s;
	text-shadow: 0 1px 1px black;
	opacity:0.62;
	animation: rotateY 4s linear infinite;
	padding: 0;
	overflow: visible;
}
.list.more img {
	box-shadow: none;

	background-color: transparent;
}
.list.more h3 {
	border: none!important;
}
body.content>.right {
	word-wrap: break-word;
}
body.inframe.content>.right {
	padding: 0 4% 2% 4%;
}
body.channel #content {
	padding: 0 2%;
}
body.music.content.swipeLeft.isDesktop #right>* {
	width: 62%;
	margin: 1em auto;
}
body.music.swipeLeft #right .social-share {
	font-size: 1.2em;
}
#content p {
	clear: left;
	margin: 0.5em 0;
}
#content li p {
	margin: 0;
}
#content .list.img{
	width: 38%;
	padding-left: 0;
}
#content figure{
	margin: 0;
	padding: 0;
}
#content figure .list.img{
	padding-top: 0;
}
.music #content{
	text-transform:capitalize;
}
body.music.song #content *{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.wiki #content p,body.music.prose #content p {
	margin: 1em auto;
}
body.music.prose #content p {
	text-indent: 2em;
}
body.music.prose #content blockquote p {
	margin: 0;
	text-indent: 0;
}
/*音乐首页插件模式*/
body.music.inframe #ftool {
	display: none!important;
}
/*音乐首页插件模式*/
.slyric{
    position: fixed;
    width:100%;
    padding: 0 1em;
    text-align:center;
    z-index: 0;
    left: 0;
    bottom: 50%;
    transform: translate(0,50%);
    font-size: 3.8vw;
    line-height: 1.5;
    font-style:italic;
    font-weight: lighter!important;
    letter-spacing: 4px;
    word-spacing: 4px;
    opacity: 0.62;
    font-family: "仓耳非白W01",sans-serif;
    text-shadow2: 0.01em 0.01em #000;
    transition-duration: 1s;
    filter: blur(0.62px);
}
@media screen and (max-width: 768px) {
	.slyric{
	    font-size: 1.8em;
	    filter: blur(0.38px);
	} 
}
body.pause .slyric{
	opacity: 0;
}
.slyric:hover{
	opacity:1;
}
body:not(.root) .slyric{
	display: none;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin: 1em auto!important;
	padding: 0!important;
	border: none;
	text-overflow: ellipsis;
}
#content h2 em, #content h3 em, #content h4 em, #content h5 em, #content h6 em {
	font-style: normal;
}
body>.rightside>h3 {







	margin: 1em 2% 0.5em 2%;
}
#content em {
	font-style: normal;
}
#author {
	text-align: center;
	margin-top: 1.5em;
	padding: 0.75em 0;
	border-top: 1px dashed;
	border-bottom: 2px solid;
	font-size: 0.75em;
}
body.content>.right table {
	max-width: 100%;
	table-layout: auto;
	border-spacing: 0;
	word-break: break-all;
	border-collapse: collapse;
}
body.content>.right table tr:nth-child(even) {
	background: rgba(0, 0, 0, 0.04);
}
body.content>.right table td:nth-child(even) {
	background2: rgba(0, 0, 0, 0.04);
}
body.content>.right table td,body.content>.right table th {
	font-size: 0.75em;
	padding: 0.25em 0.5em;
	border: 1px solid;
}
.content.music h1, .content.music #summary, .content.music .author, .content.music #author {
	text-align: center;
}
.content.music.song #content2 {
	max-height: 8em;
	overflow: scroll;
}
.content.music.song #content, .content.music.poem #content {
	text-align: center;
	line-height: 2;
	font-family: "仓耳非白W01";
	font-size: 1.2em;
}
.content.music.song #content{
	max-height: 6em;
	overflow: auto;
}
.content.music.poem #content {
	line-height: 3;
}
.functions {
	margin: 1em auto;
	border-collapse: collapse;
	box-shadow: 0 0 0 1px inset;
	border-radius: 12px;
	overflow: hidden;
}
.functions #info {
	max-width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.75em;
	padding: 8px;
	border: none;
}
.functions #info>div:hover{
	white-space: normal;
}
#info strong,#doubansummary strong,#doubancomment strong{
	cursor:pointer;
}
#info strong:before,#doubansummary strong:before,.icon.copy:before{
	content:"\e630";
	padding-right:2px;
}
.functions .function {
	position: relative;
	white-space: nowrap;
	margin: 0;
	padding: 16px 8px;
	width: 88px;
	min-width: 22px;
	font-size: 0.75em;
	text-align: center;
	border: none!important;
	border-left: 1px dashed rgba(0, 0, 0, 0.04)!important;
	border-radius: 0;
}
.functions .poster:first-child{
	min-width: 88px;
	border: 1px solid!important;
	border-right: none!important;
}
.functions .function a{
	display:block;
}
.functions .function span.icon {
	font-size: 2.4em;
}
.functions .function span.icon {
	display: inline-block;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.functions .function:hover span.icon {
	transform: rotateX(0deg) rotateY(360deg) rotateZ(0deg);
	transition-duration: 1.5s;
}
.functions .function.actors {
	transform: skew(-8deg);
}
.functions .function.actors:hover {
	opacity: 1;
}
#content .link:after{
	content:"\e668";
	margin: 0 0.25em;
}
body.books #content .link:after{
	content:"\e870";
}
#content .play:before{
	content:"\e87c";
	margin-right: 0.25em;
}
#content a:not(.list){
	border-bottom: 1px dashed;
}
#content a:not(.list):hover {
	border-bottom: 1px solid;
}
#content .play{
	border: none!important;
}
body.isDesktop #content a.hide {
	background: gray;
	color: transparent!important;
	transition-duration: 0.8s;
	border-radius: 15px;
}
body.isDesktop #content a.hide:hover {
	background: none;
	font-weight:bold!important;
	border-radius: 0;
}
#content h2 a, #content h3 a {
	overflow: hidden;
	display: inline;
	border: none!important;
}
#content img {
	height: auto!important;
	margin: 0.5em 0!important;
}
.movies #content img, .movies #content .poster.img, .movies #content .list.img {
	display: none!important;
}
body.movies[class*='有图'] #content img, body.movies[class*='有图'] #content .poster.img, body.movies[class*='有图'] #content .list.img {
	display: block!important;
}
body.movies[class*='有图']  #content table img {
	display: inline!important;
	float: none;
	clear: none;
	border-radius: 0;
	width: 100% !important;
}
.media, video, object, embed, .vplayer {
	width: 100%!important;
	height: 62vh;
	max-height: 62vw;
	min-height: 375px;
	border: none;
	overflow: hidden;
	color: white;
	color: var(--txtcolor);
	background: black;
	background: var(--themecolor);
	border: 1px solid var(--themecolor);

	transition-duration: 0s!important;
	border-radius: 14px;
}
.media .media{
	border: none;
}
#popIframe .media,#popIframe video,#popIframe object,#popIframe embed,#popIframe .vplayer{
	height: 100%!important;
	max-height: none;
	min-height: 0;
}
body.channel div.media{
	width: 96%!important;
	margin:0 2%;
}
.media+.media{
	margin-top: 1em;
}
iframe[src*="music.163.com/outchain/player?type=2"] {
	width: 100%!important;
	height: 86px!important;
}
iframe[src*="music.163.com/outchain/player?type=0"], iframe[src*="music.163.com/outchain/player?type=1"] {
	width: 100%!important;
	height: 450px!important;
}
#content .copyright{
	text-transform:none;
	font-size: 0.75em;
	text-align: center;
	margin: 1em auto;
	border: none;
}
.autosort .sort, .autosort .sorts a {
	font-size: 0.85em;
	margin-left: 8px;
	display2: inline-block;
}
.autosort .sort.current, .autosort .sorts a.current {
/* border-bottom: 1px solid; */
}
body>.right .box {
	position: relative;
	min-height: 68vh;
	margin: 2%;
	margin-top: 4%;
	text-align: center;
	background-size: cover;
	background-position: center center;
}
body>.right .box * {
	color: white;
}
body>.right .box #mguess {
	position: fixed;
	z-index: 1;
	top: 50%;
	margin-top: -0.75em;
	left: 0;
	right: 0;
}
body.content>.right .box #mguess {
	position: fixed;
	top: 50%;
}
body.swipeLeft>.right .box #mguess {
	left: 0;
	width: 100%;
}
body>.right .box input[type=text] {
	text-align: center;
	color: white;
}
body>.right .box input[type=button] {
	color:white;
	font-size: 1.4em;
	vertical-align: middle;
}
body>.right .box .gimage {
	display: none;
	width: 100%!important;
	border-radius: 3.8vw;
	box-shadow: 0 0 5px #fff;
	background-size: cover;}
body>.right .box #gmusic {
	font-size: 2.4em;
	width: 2.4em;
	height: 2.4em;
	line-height: 2.4em;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1.5em;
	margin-top: -1.5em;
	text-shadow: 0 0 15px #fff;
	box-shadow: none!important;
}
body>.right .box .boxpage {
	width: 80%;
	left: 20%;
	top: 50%;
	margin-top: -1.2em;
	padding: 0 3%;
	border: 0;
	height: 0;
	overflow: visible;
	position: fixed;
	z-index: 1;
	font-size: 2.4em;
	line-height: 2.4em;
}
body.swipeLeft>.right .box .boxpage {
	width: 100%;
	left: 0;
}
body>.right .refresh {
	width: 100%;
	text-align: center;
	float: left;
	font-size: 2em;
	cursor: pointer;
}
body.imovie .comment_box {
	display: none;
}
.related h2 {
	width: 96%;
	float: left;
	margin: 1em 2%!important;
	border: none;
	text-align: center;
}
.music .related h2{
	text-align:center;
}
body>.rightside {
	position: fixed;
	top: 0;
	right: 0;
	width: 20%;
	padding: 2em 2% 1% 3%;
	height: 100%;
	min-height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	background-color: rgba(0, 0, 0, 0.04);
}
body.music>.rightside{
	padding-bottom:2%;
}
body>.rightside li {
	list-style: none;
	line-height: 1.5em;
	word-break: break-all;
	height: 1.5em;
	overflow: hidden;
}
body>.rightsearch {
	margin: 2em 1% 0 1%;
	position: relative;
	overflow: hidden;
}
body>.rightsearch #searchword {
	width: 96%;
	background: #fff;
}
body>.rightsearch #submit {
	font-size: 2em;
	position: absolute;
	top: 0;
	right: 0;
}
body>.rightside .tags {
	margin: 1em 0;
}
body.content>.left:hover, body.content>.rightside:hover {
	opacity: 1!important;
}
body .comment_box {
	padding: 0!important;
}
body .comment_box .comment_title {
	display: none;
}
body .comment_box .comment_textarea{
	margin-top: 1em;
	margin-bottom:0;
}
body .comment_box .comment_avator {
	float: right;
	padding: 0;
	width: auto;
	white-space: nowrap;
	line-height: 2;
}
.comment_box .user_content .text p {
    font-size: 1em!important;
}
body .comment_box .submit_box span {
	font-size: 0.75em;
}
body .comment_box .comment_btn {
	float: left;
	width: auto!important;
	background: none!important;
	font-size: 1em;
	padding: 0;
	line-height: 2;
}
body .comment_box .comment_btn:before {
	content: "〉"
}
body .comment_box .comment_btn:after {
	content: "〈"
}
body .comment_box .user_content .name, body .comment_box .user_content .zan_box a {
	font-size: 0.75em;
	opacity: 0.5;
}
body .comment_box .user_content .zan_box .fa-thumbs-down, body .comment_box .user_content .zan_box .fa-reply {
	width: auto;
	height: auto;
	display: inline-block;
	background: none;
	vertical-align: baseline;
}
body .comment_box .user_content .zan_box .fa-reply:before {
	content: "回复"
}
body .comment_box .user_content .zan_box .fa-thumbs-down:before {
	content: "赞"
}
body .comment_box .submit_box {
	margin-bottom: 1em;
	border-bottom: none;
	padding: 0;
}
body .comment_box img.avator_img {
	float: right;
	width: 1.5em;
	height: 1.5em;
	margin: 0.25em 0 0 0.25em;
}
body .comment_box .ly_item {
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 16px;
	border-bottom: none;
	border-top: 1px solid;
}
body .comment_box .ly_item .text p span {
	display: block;
	color: var(--themecolor)!important;
	font-size: 0.75em;
	margin-bottom: 0.5em;
	opacity: 0.38;}
body .comment_box .ly_item .wonderful {
	top: 0;    display: none;
}
#frmComment textarea {
	width: 100%;
	height: 80px;
	margin: 10px 0;
}
#commentSuccess, #commentFailure {
	display: none;
	line-height: 48px;
	font-size: 16px;
	text-align: center;
}
#commentFailure {
	color: #f00;
}
.comments ul {
	margin: 0;
	padding: 0;
}
.comment {
	font-size: 0.85em;
	border-bottom: 1px dashed #000;
	padding: 5px 0;
	margin: 5px 0;
	overflow: hidden;
}
.comment:hover {
	font-weight: bold;
	border-bottom: 1px solid #000;
}
.comment .digg {
	float: right;
	font-size: 10px;
}
.comment blockquote {
	color: #999;
	font-size: 0.75em;
}
.pages {
	text-align: center;
	border: none;
	margin: 2em 0;
	padding: 1em;
	clear: both;
	font-size: 18px;
	color: var(--txtcolor);
	background: var(--themecolor);
}
.pages a {
	color: var(--txtcolor);
	border-bottom: 1px solid;

}
.sorter {
	font-size: 0.62em;
	white-space: normal;
}
.sorter.vol {
	font-size: 0.75em;
	letter-spacing: normal;
}
.sorter#vcate {
	margin: 1% 2%;
	font-size: 0.75em;
}
.sorter#vcate .vcates {
	float: left;
	margin-right: 1%;
}
.sorter#vcate a, .sorter#vcate form {
	display: inline-block;
	vertical-align: middle;
	padding: 0 8px 0 0;
	font-size: 1em;
}
body.bgmask .sorter a.current, body.bgmask .sorter a:hover {
	text-decoration: underline;
}
body .tags {
	margin-top: 0.5em;
}
.tags .tag {
	float: left;
	margin: 0.25em 0.5em 0.25em 0;
	padding-left: 0.65em;
	padding-right: 0.5em;
	display: inline-block;
	white-space: nowrap;
	letter-spacing: 0;
	border-radius: 1em;
	font-size: 1rem;
	background: var(--themecolor);
	color: var(--txtcolor);
}
.tags .tag:after{
	content: "\e9a0";
}
.tags .tag[href*='douban.com']{
	color: white;
	background: green;
}
.tags .tag[href*='metacritic']{
	color: white;
	background: limegreen;
}
.tags .tag[href*='imdb.com']{
	color: white;
	background: goldenrod;
}
.tags .tag[href*='rottentomatoes.com']{
	color: white;
	background: tomato;
}
.insearch {
	width: 62%;
	position: relative;
	margin: 0 auto;
}
body>.right>.insearch {
	display: none;
}
.insearch:after {
	content: "\e870";
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.5em;
	line-height: 1;
}
body>.rightside .insearch {
	width: 100%;
	margin: 2.4em 0 0 0;
}
#content .insearch {
	display: block!important;
	border-bottom: 1px solid!important;
	clear: both;
	width: 100%;
}
#content .insearch:after {
	content: "影片详情 \e987";
	font-size: 0.8em;
	padding: 0.3em 0 0.3em 0.3em;
	background: var(--txtcolor);
}
body.books #content .insearch:after {
	content: "\e870";
	font-size: 1.2em;
	z-index: -1;
}
.insearch input,.insearch select {
	line-height: 1.5;
}
.insearch #searchword {
	width: 100%;
	text-overflow: ellipsis;
    font-family: inherit;
}
body>.left .insearch #searchword {
	border-bottom: 1px solid;
	text-align: center;
}
.insearch form {
	position: relative;
	display: block;
	width: 100%;
}
.insearch #submit, .insearch button {
	position: absolute;
	z-index: 1;
	right: 0;
	width: 2em;
	bottom: 0;
	padding: 0;
	text-indent: -9999px;
}
#mobilesearch:focus {
	text-align: center!important;
	font-size: 16px!important;
}
.right .insearch .help{
	position:absolute;
	z-index:-1;
	opacity: 0;
	width:100%;
	padding: 0.5em 2em;
	overflow: hidden;
	transition:0.5s ease-in-out;
	font-size: 0.75em;
	box-shadow: 0 0 0 500px inset;
	border-radius: 0 0 12px 12px;
}
.right .insearch .help *{
	color: white;
	color: var(--txtcolor);
}
.right .insearch .help a{
	display: inline-block;
}
.right .insearch form:hover .help{
	display:block!important;
	z-index: 5;
	opacity: 0.95!important;
}
.playlist .mplayer, .toplist .mplayer {
	background-image: none!important;
}
@keyframes colorflow {
 0% {
background-position: 0 0;
}
 100% {
background-position: -100% 0;
}
}
.colorflow {
	background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	animation: colorflow 5s infinite linear;
	-webkit-animation: colorflow 5s infinite linear;
}
.musicmask .colorflow{
	-webkit-text-fill-color: var(--themecolor);
}
.colorflow:hover{
	text-shadow: none !important;
}
@keyframes breath {
 0% { opacity:1;}
 40% { opacity:0.1;}
 100% { opacity:1;}
}
.breath {
	animation: breath 5s linear infinite; /*IE10 FF Opera*/
	-webkit-animation: breath 5s linear infinite;
}
@keyframes shine {
 0% {
 opacity:0.62;
}
 50% {
 opacity:1;
}
 100% {
 opacity:0.62;

}
}

.shine {
	animation: shine 8s linear infinite; /*IE10 FF Opera*/
	-webkit-animation: shine 8s linear infinite;
}
body:not(.play) .shine, body.music.word .shine, body.music.today .shine {
	animation: none;


}
@keyframes rotate360 {
 0% { transform: rotate(0deg);}
 100% { transform: rotate(360deg);}
}
.rotate360 {
	animation: rotate360 16s linear infinite; /*IE10 FF Opera*/
	-webkit-animation: rotate360 16s linear infinite;
}
body.pause .rotate360 {
	animation: none;
}
.sorrow .rotate360 {
	animation: rotate360 32s linear infinite;
}
.happy .rotate360, .anger .rotate360 {
	animation: rotate360 8s linear infinite;
}
@keyframes rotateY {
 0% { transform: rotateY(0deg);}
 45% { transform: rotateY(45deg);}
 55% { transform: rotateY(315deg);}
 100% { transform: rotateY(360deg);}
}
.rotateY {
	animation: rotateY 4s linear infinite;
}
.rotateY:hover {
	animation: none;
}
@keyframes rotateX {
 0% { transform: rotateX(0deg);}
 45% { transform: rotateX(30deg);}
 55% { transform: rotateX(330deg);}
 100% { transform: rotateX(360deg);}
}
.rotateX {
	animation: rotateX 4s linear infinite;
}
.rotateX:hover {
	animation: none;
}
.clear {
	clear: both;
 * zoom: 1;
}
.clear:before, .clear:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}
.center {
	text-align: center;
}
.block {
    display: block;
	overflow: hidden;
}
.inline {
    display: inline;
}
.nowrap{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.theme {
	color: black;
	color: var(--themecolor);
}
.grayscale {
	filter: sepia(0) grayscale(1) contrast(1) brightness(150%);
	transition-duration: 1.5s!important;
}
.grayscale:hover,.bgmask .grayscale,.themecolor .grayscale{
	filter: sepia(0) grayscale(0) contrast(1) brightness(100%);
}
.heart:before {
	content: "\e797";
}
.heart.faved:before {
	color: red;
	content: "\e77c";
}
.white {
	color: white;
}
.#333 {
	color: #333;
}
.bg#333 {
	background-color: #333;


}

.red, .red:before, .red:after {
	color: red!important;
}
.green, .green:before, .green:after {
	color: green!important;
}
.blue, .blue:before, .blue:after {
	color: blue!important;
}
.colorbg *{
	color:#fff;
}
.colorbg>*:nth-child(7n+1){
	background:red;
}
.colorbg>*:nth-child(7n+2){
	background:orange;
}
.colorbg>*:nth-child(7n+3){
	background:yellowgreen;
}
.colorbg>*:nth-child(7n+4){
	background:green;
}








.colorbg>*:nth-child(7n+5){
	background:darkcyan;
}
.colorbg>*:nth-child(7n+6){
	background:blue;

}
.colorbg>*:nth-child(7n+7){
	background:purple;
}
.colortxt>*:nth-child(7n+1){

	color:red;
}
.colortxt>*:nth-child(7n+2){
	color: darkorange;
}
.colortxt>*:nth-child(7n+3){
	color: limegreen;
}
.colortxt>*:nth-child(7n+4){
	color: darkcyan;
}

.colortxt>*:nth-child(7n+5){
	color: deepskyblue;
}
.colortxt>*:nth-child(7n+6){
	color: purple;
}
.colortxt>*:nth-child(7n+7){
	color: brown;
}
body.themecolor .colortxt>*,body.musicmask .colortxt>*{
	color: var(--themecolor);
}
.shape-magic {
	width: 2.4em;
	height: 2.4em;
	line-height: 2.4em;
	position: fixed;
}
.shape-magic:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 32px;
	top: 16px;
	width: 0;
	height: 36px;
	border-left: 1px solid;
	border-radius: 5px;
	box-shadow: -1px 1px 0 rgba(0,0,0,0.15);
	background: transparent;
	transform: rotate(-45deg);
}
.shape-magic:after {
	content: "✮";
	font-size: 2.4em;
	width: 2.4em;
	height: 2.4em;
	line-height: 2.4em;
	position: absolute;
	left: -6px;
	top: -9px;
	box-shadow2: 0 0 0 1px;
	transform: rotate(22.5deg);
}
.shape-heart {
	position: relative;
	width: 1.5em;
	height: 1.5em;
	margin: 12px;
	margin-top: 18px;
	border-radius: 1px;
	transform: rotate(45deg);
	color: #231f20;
	cursor: pointer;
	text-indent: -999px;
}
.shape-heart:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0px;
	left: -50%;
}
.shape-heart:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	left: 0px;
	top: -50%;
}
.shape-heart, .shape-heart:before, .shape-heart:after {

	box-shadow: 0 0 0 48px inset;
}
.shape-heart.red, .shape-heart.red:before, .shape-heart.red:after {
	box-shadow: 0 0 0 48px red inset;

}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.line-through {
	text-decoration: line-through!important;}
.scrollLock {
	overflow: hidden!important;
}
.none {
	display: none;
}
.pointer {
	cursor: pointer;
}
#stars {
	transition-duration: 1s;
}
#ftool {
	position: fixed;
	z-index: 1;
	top: 50%;
	right: 20%;
	transform: translateY(-50%);
}
#ftool:hover {
	opacity: 1;
	transition-duration: 0.3s;
}
body.channel #ftool a.qr {
	display: block;
}
#ftool a {
	display: block;
	float: right;
	clear: both;
	position: relative;
	font-size: 1.2em;
	letter-spacing: 2px;
	line-height: 1.5em;
	width: 3em;
	height: 3em;
	margin: 6px 0;
	margin-right: -0.5em;
	text-align: center;
	transition-duration: 0.1s;
}
#ftool a:hover {
	margin-right: 0;
}
#ftool a:hover:after {
	left: 1em!important;
}
#ftool a img {
	width: 100%;
}
.music #ftool a, body.channel #ftool a.qr, body.root.mvcat #ftool a {
	display2: none;
}
body.root.mvcat #ftool a.ffavorite,.music #ftool a.ffullscreen, .music #ftool a.ffavorite, .music #ftool a.fdaily {
	display: block;
}
body.root .ffavorite, body.tags .ffavorite {
	display: none;
}
#ftool .icon {
	width: 1em;
	height: auto;
	line-height: 1em;
	font-size: 3em;
	text-align: center;
}
#ftool .icon:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#ftool .icon.totop:before {
	content: "\e9c9";
}
#ftool .icon.tobot:before {
	content: "\e99d";
}
#ftool .icon.tocomments:before {
	content: "\e60b";
}
#ftool .icon.tocategory:before {
	display: block;
	content: "\e66c";
	transform: rotateZ(45deg);
}
#ftool .qr:before {
	content: "\e631";
}
#ftool .home:before {
	content: "\e650";
}
body.channel #ftool {
	left: auto;
	right: 0;
}
.channel #ftool a {
	float: right;
}
body.root.swipeLeft .insearch {
	display: block;
	width: 25%;
	margin: 0 auto;
}
body.root .right .insearch:before {

	content: "\e001";
	display: block;
	width: 100%;
	text-align: center;
	font-size: 6vw;
	line-height: 1.8;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);

}
body.root.swipeLeft .insearch:hover:before {
	transform: rotateX(-60deg) rotateY(720deg) rotateZ(0deg);
	transition-duration: 2.5s;

}

body.root.swipeLeft .insearch:after, body.root.swipeLeft .insearch #submit {
	font-size: 1.8em;
}
body.root.swipeLeft .insearch #searchword {
	line-height: 1.8;
	border-bottom: 2px solid;
	text-align: center;
	padding: 0 2.2em;
}
body.root.swipeLeft.music .insearch {
	display: none;
	position: fixed;
	width: auto;
	left: 2.4em;
	top: 50%;
	margin-top: -12px;
}
#favorite {
	position: fixed;
	z-index: 2;
	top: 0;
	right: -100%;
	width: 20%;
	height: 100%!important;
	overflow: auto;
	padding: 0 2% 2%;
	background: var(--txtcolor);
	box-shadow: 0 0 2em rgba(0,0,0,0.5);
}
#favorite.show {
	transition-duration: 0.25s!important;
	right: 0;
}
#favorite .list {
	display: block;
	width: 100%!important;
	margin: 2% 0!important;
	padding: 0 0.75em!important;
}
#favorite a.list:before{
	content:"";
	display: inline-block;
	font-size: 0.5em;
	opacity: 0.5;
	vertical-align: super;
	line-height: 1;
}
#favorite a[href$="/"]:before,#favorite a[href*="/?"]:before,#favorite a[href*="/#"]:before{
	content:"栏目"
}
#favorite a[href*=".html"]:before{
	content:"文章"
}
#favorite a[href*="/movie/"]:before{
	content:"佳片"
}
#favorite a[href*="/movies/"]:before{
	content:"影辑"
}
#favorite a[href*="/cut/"]:before{
	content:"混剪"
}
#favorite a[href*="/short/"]:before{
	content:"短片"
}
#favorite a[href*="/douban/"]:before{
	content:"电影"
}
#favorite a[href*="/search"]:before{


	content:"搜索"
}



#favorite a[href*="/music"]:before{
	content:"音乐"
}
#favorite h2 span {
	float: right!important;
	margin: 0;
	margin-left: 0.5em;
	cursor: pointer;
}
#favorite .close:before {
	content: "\e990";
	color: red;
}
#favorite.show .close:after {
	content: " ";
	position: fixed;
	z-index: -1;
	top: 0;
	right:20%;
	margin-right:48px;
	width: 100%;
	height: 100%;
}
.bgmask #favorite {
	background: rgba(0, 0, 0, 0.88);
}
#share {
	color: #231f20;
	border-bottom: 1px solid;
	background: rgba(0, 0, 0, 0.04);
	padding: 8px 16px;
	margin: 0;
}
#share a {
	color: #231f20;
}
body.imovie .left,body.imovie .showleft, body.imovie #share, body.imovie #ftool {
	display: none;
}
#digg {
	display: none;
	width: 410px;
	margin: 20px auto;
	overflow: hidden;
}
.hm-t-go-top {
	background-color: #333!important;
	right: 0!important;
	bottom: 0!important;
	z-index: 9999;
}
.content .hm-t-go-top {
	left: 80%!important;
}
.bdcs-container .bdcs-search, .bdcs-container .bdcs-search-form-input {
	border-radius: 0!important;}
.bdsharebuttonbox {
	text-align: center;
}
.bdsharebuttonbox a {
	font-size: 0.85em!important;
	margin: 0!important;
	float: none!important;
	background: none!important;
	padding: 0 10px!important;
}
#selectsearch-icon img {
	border-radius: 30px;
	border: 3px solid #ff4500!important;
	box-shadow: 0px 0px 10px #000;
}
/* columns */
@media (min-width: 411px) {
body.swipeLeft .columns {
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 0;
	column-gap: 0;
	counter-reset: item-counter;
}
body.swipeLeft .columns .list {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	width: 100%;
	margin: 0;
	padding: 4%;
	transition-duration: 0s;
}
body.swipeLeft .columns .list .poster:hover {
	background-size: cover;
}
body.swipeLeft .columns .list .title {
	border-top: none;}
body.swipeLeft .columns .list .summary {
	display: block;
	white-space: normal;
}
body.swipeLeft .columns .list:before, body.swipeLeft .columns .list:after {
	display: none!important;
}
}
@media screen and (min-width: 769px) {
	.mobile{
		display:none!important;
	}
}
@media screen and (max-width: 768px) {
    .desktop {
	    display: none!important;
    }
}
@media (min-width: 769px) {
body.swipeLeft .columns {
	margin: 10px calc(2% - 10px);

	-webkit-column-count: 3;
	column-count: 3;
}
body.root.mvcat.swipeRight>.right .columns {
	display: none!important;
}
body.root.mvcat.swipeLeft>.right .columns {
	display: block;
	width: calc(50% + 20px);
	height: auto;
	margin: 10px auto;
	-webkit-column-count: 2;
	column-count: 2;
	min-height: -webkit-fill-available;
	min-height: -moz--fill-available;
	min-height: fill-available;
	overflow: hidden;
}
}
@media (min-width: 991px) {
body.swipeLeft .columns {
	-webkit-column-count: 4;
	column-count: 4;
}
}
@media (min-width: 1200px) {
body.swipeLeft .columns {
	-webkit-column-count: 5;
	column-count: 5;
}
}
@media (min-width: 1440px) {
body.swipeLeft .columns {
	-webkit-column-count: 6;
	column-count: 6;
}
}
@media (min-width: 1920px) {
body.swipeLeft .columns {
	-webkit-column-count: 7;
	column-count: 7;
}
}
@media (min-width: 2560px) {
body.swipeLeft .columns {
	-webkit-column-count: 8;
	column-count: 8;
}
}
/* columns end */
/* Infinite Scroll loader */
#infscr-loading,.jsalert {
    position: fixed;
    width: fit-content;
    z-index: 9999;
    margin: 0 auto;
    padding: 0.5em 1em;
    bottom: 50%;
    margin-bottom: -1.25em;
    left: 0;
    right: 0;
    text-align: center;
    color: white;
	color: var(--txtcolor);
	background: black;
    background: var(--themecolor);
    border-style: solid;
    border-width: 0 2px 0 2px;
	opacity: 0.85;
}
.jsalert *{
	color: var(--txtcolor);
}
.jsalert.failure,.jsalert.failure *{
	color: white;
	background: red;
}
.jsalert.success,.jsalert.success *{
	color: white;
	background: limegreen;
}

.jsalert.warning{
	color: yellow;
	background: none;

    box-shadow: none;
}
.jsalert.warning:after{
	content:"";
	position:fixed;
	z-index: -1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:radial-gradient( red 0,transparent 500%);
}
.jsalert.warning:before{
	content:"\e8a5";
	display:block;
	font-size: 4em;
}
.jsalert.top{
	top:-1px;
	bottom:auto;
	margin-bottom:0;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}
.jsalert.bottom{
	bottom:-1px;
	margin-bottom: 0!important;
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
}
#infscr-loading * {
	color: #fff!important;
}
.content #infscr-loading {
	right: 20%;
}
#infscr-loading img {
	display: none;
}
.qBox {
	width: 100%;
	border: 1px dashed;
	margin: 1em 0;
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
body.channel .qBox {
	margin: 1em 2%;
}
h1 + #qlink .qBox {
	margin-top: 0;
}
.qBox legend {
	margin: 0 4px;
	padding: 4px;
	font-weight: bold;
	white-space: nowrap;
	border: none;
	background: none;
	border-radius: 25px;
	line-height: 1;
	vertical-align: text-top;
	font-size: 0.75em;
}
.qBox legend .keyword {
	display: inline-block;
	max-width: 8em;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;}
.qBox.qSearch, .qBox.qSearch legend {
	background: var(--txtcolor);
	border: 1px dashed;
}
.qBox.qSearch {
	opacity: 0.95;
}
.qBox a {
	align-self: center;
	display: inline-block;
	float: left;
	min-width: 100px;
	text-align: center;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
	padding: 0.25em 0.6em;
	margin: 0.25em;
	max-width: calc(100% - 0.5em);
	font-size: 0.85em;
	border: 1px dashed;
	border-radius: 1em;
	opacity: 1;
	word-break: break-all;
}
.qBox a:hover,.qBox a.hover {
	color:var(--txtcolor);
	border-color:var(--themecolor);
	background-color:var(--themecolor);

}
.qBox a.watch:before {
	content:"\e601\a"
}
.qBox #closeqBox {
	font-size: 12px;
	text-align: center;
	position: absolute;
	top: 36px;
	right: 8px;
	z-index: 999;
	cursor: pointer;
}
.qBox #closeqBox:after{
	content:"\e990";
	color: red;
}
.popmask {
	position: fixed;
	z-index: 9;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: white;
	box-shadow: 0 0 2em rgba(0,0,0,0.5);
}
.inframe .popIframe {
	width: calc(100% - 4em);
}
.popmask.moviedaily, .popmask.musicdaily {
	width: 50%;
}
.dailycontent {
	width: 96%;
	padding: 2%;
	overflow: hidden;
	position: absolute;
	bottom: 10%;
	text-shadow: 0 0 1px #999;
	font-size: 1.2.4em;
	text-align: center;
	overflow: hidden;
}
.openwindow{
    position: fixed;
	z-index: 8;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    color: black;
	color: var(--themecolor);
    border-bottom: 2em solid transparent;
    border-right: 2em solid;
    cursor:pointer;
}
.openwindow:after{
	content:"\ecab";
	position:absolute;
	top:0;
	right: -1.85em;
	color: white;
	color: var(--txtcolor);
}
/* popIframe start */
.popIframe {
	position: fixed;
	z-index: 9;
	top: 0;
	left: auto;
	right: 0;
	width: 80%;
	height: 100%;
	background: white;
	box-shadow: 0 0 2em rgba(0,0,0,0.5);
}
body.popside .popIframe{
	width: 20%;
	min-width: 360px;
}
.popIframe,.popIframe iframe,.popIframe #选集{
	border-radius2: 14px 0 0 14px;
}
.popIframe iframe {
	width: 100%;
	height: 100%;
	border: none;
	background: transparent;
	color-scheme:light;
}
.closemask{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	color: red;
	border-top: 32px solid transparent;
	border-bottom: 32px solid transparent;
	border-left: 32px solid;
	cursor: pointer;
}
.popIframe .closemask {
	top: 50%;
	margin-top: -32px;
	left: -4px;
	border-radius: 8px!important;
}
.popIframe .closemask:before {
	content: "";
	position: fixed;
	width: 6%;
	height: 100%;
	left: 0;
	top: 0;

}
.inframe .popIframe .closemask:before {

	width: 4em;
}
.popIframe .closemask:after {
	display: block;
	content: "\e9a0";
	line-height: 0;
	font-size: 22px;
	color: #fff;
	margin-left: -30px;
	font-family: 'iconfont';
}
.popIframe .closemask:hover:after {
	text-shadow: 0 0;
}
@media screen and (orientation: portrait) {
.popIframe {
	width: 100%!important;
	left: 0!important;
	top: 40px;
	height: calc(100% - 40px);
	border-left: none;
}
.popIframe,.popIframe iframe,.popIframe #选集{
	border-radius: 14px 14px 0 0;
}
.popmask .closemask {
	top: -1em;
	left: 50%;
	margin-top: -4px;
	margin-left: -1em;
	transform: rotateZ(90deg);
}
.popIframe .closemask:after {
	content: "\e990";
	font-size: 14px;
	margin-left: -28px;
}
.popIframe .closemask:before {
	width: 40px!important;
	height: 100vw;
	left: -68px;
	top: -50vw;
}
}
/* popIframe end*/
.popImgMask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	backdrop-filter: blur(15px);
	z-index: 999;
}
@media screen and (orientation: portrait) {
.popImgMask {
	background-size: auto 100%;
    background-position: 38% 0;
	animation: bgmove linear 15s;
}
@keyframes bgmove {
  0% {
    background-position: 38% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
}
@media screen and (orientation: landscape) {
.popImgMask {
	background-size: 100% auto;
    background-position: 38% 0;
	animation: bgmove linear 15s;
}
@keyframes bgmove {
  0% {
    background-position: 0 38%;
  }
  100% {
    background-position: 0 100%;
  }
}
}
.popImg {
	position: absolute;
	background-color: rgba(255,255,255,0.15);
}
.imgNav {
	position: absolute;
	width: 100%;
	height: 0;
	top: 50%;
	margin-top: -30px;
}
.imgNav a {
	font-size: 60px;
	line-height: 60px;
	padding: 0 3%;
	z-index: 999;
	opacity: .65;
	color: white;
}
.imgNav a:hover {
	opacity: 1

}
.imgNav a#nextImg {
	float: right;
}
.imgNav a#nextImg:before {
	content: "\e9a0";
}
.imgNav a#prevImg:before {
	content: "\e98b";
}
#comments {
	position: relative;
	margin: 0 auto;
}
body.channel #comments {
	padding: 0 2%;
}
#comments iframe{
	color-scheme:light;
}
.imovie #comments .social-share {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	border: none;
}
.jukebox {
	position: relative;
	margin: 4em 2% 0 2%;
}
.jukebox .disc {
	width: 48%;
}
.jukebox .poster {
	width: 100%!important;

	padding-bottom: 100%!important;

	-webkit-mask-image: none;
}
.jukebox h1 {
	border: none!important;
	margin: 0.5em 0!important;

}
.jukebox .content {
	position: absolute;
	top: 0;
	right: 0;
	width: 48%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}
.jukebox #content, .jukebox #summary {
	width: 100%!important;
	margin-left: 0!important;
	margin-right: 0!important;
}
.word .jukebox .disc {
	margin-left: 52%;
}
.word .jukebox .content {
	left: 0;
	right: auto;
}
.newdigg {
	min-height: 114px!important;
	margin: 15px auto 25px auto;
	border: none!important;
}
.newdigg * {
	background: none!important;
	border: none!important;
	border-collapse:;
}
.newdigg .digg {
	width: 108px!important;
	background: #231f20!important;
	white-space: nowrap!important;
	margin-bottom: 0!important;
	padding: 10px 30px 30px 30px!important;
	border-radius: 50%;
}
.bgmask .newdigg .digg {
	background: none!important;
	border: 1px dashed!important;
}
.bgmask .newdigg .digg:hover {
	border-style: solid!important;
}
.newdigg .digg .diggnum {
	font-family: sans-serif!important;
	font-size: 0.85em!important;
	padding: 0!important;
	border: none!important;
}
.newdigg * {
	color: #fff
}
.newdigg .digg .diggit {
	padding: 0!important;
	border: none!important;}
.newdigg .digg .diggit a {
	font-size: 1.5em!important;
	text-decoration: none!important;
	padding: 0!important;
}
.themecolors .themecolor{
	cursor:pointer;
	text-shadow: 0 0 8px;
}
.themecolors .themecolor:hover{
	text-shadow: 0 0 16px;
}
#tooltip {
	width: auto;
	height: auto;
	max-width: 240px;
	color: black;
	color: var(--txtcolor);
	background: white;
	background: var(--themecolor);
	position: absolute;
	z-index: 9999999999;
	left: auto;
	right: auto;
	top: auto;
	bottom: atuo;
	margin: 0;
	font-size: 0.85em;
	padding: 8px!important;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	border: 2px solid black;
	border: 2px solid var(--themecolor);
	overflow: visible;
	border-radius: 8px;
	word-break: break-all;
}
#tooltip img{
	opacity: 0.95;
	box-shadow: 0 0 0 8px #fff,0 0 0 114px inset #fff;
	border-radius: 2px;
}
#tooltip:after /* triangle decoration */ {
	width: 0;
	height: 0;
	color: black;
	color: var(--themecolor);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}
#tooltip.ttop:after {
	border-top-color: transparent;
	border-bottom: 10px solid;
	border-top: none;
	top: -10px;
	bottom: auto;
}
#tooltip.tleft:after {
	left: 20px;
}
#tooltip.tright:after {
	right: 10px;
	left: auto;
}
img[src*="/sitefiles/bairong/icons/loading.gif"] {
	display: block;
	margin: 2.4em auto;
}
body.inframe .showleft,body.music .sleepycat,body.music.root .showleft,body.music #ftool {
	display: none!important;
}
.checkbox-ios {
	display: none!important;
}
.checkbox-ios + label {
	display: block;
	position: relative;
	margin: 1em auto;
	clear: both;
	border-radius: 100px;
	font-size: 0.85em;
	width: 4.8em;
	height: 1.8em;
	line-height: 1.8em;
	text-align: right;
	background-color: rgba(255,255,255,0.5);
	box-shadow: 0 0 2px #ccc inset;
	cursor: ew-resize;
}
.bgmask .checkbox-ios + label{
	background-color: rgba(0, 0, 0, 0.25)!important;
	box-shadow: 0 0 2px inset;
}
.checkbox-ios + label:after {
	content: '关闭';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	padding: 0 0.75em;
	border-radius: 100px;
	opacity: 0.5;
}
.checkbox-ios + label:before {
	content: ' ';
	position: absolute;
	text-align: center;
	width: 1.8em;
	height: 1.8em;
	color: white;
	color: var(--txtcolor);
	background: black;
	background: var(--themecolor);
	top: 0;
	left: -2px;
	border-radius: 50%;

	box-shadow: 0 0 1px var(--themecolor);
}
.acontrol .checkbox-ios + label:before {
	content: '♪';
}
.checkbox-ios:active + label:before {
	left: 0;
}
.checkbox-ios:checked:active + label:before {
	left: auto;

	right: 0;
}
.checkbox-ios + label:active {
	opacity: 1;
}
.checkbox-ios:checked + label:before {
	left: auto;
	right: -1px;
}
.checkbox-ios:checked + label:after {
	content: '打开';
	text-align: left;

	opacity: 1;
}
.checkbox-ios#fullscreen + label:after {
	content: '全屏';
}

.checkbox-ios#fullscreen:checked + label:after {
	content: '全屏';
}
.checkbox-ios#themecolor + label:after {
	content: '主题';
}
.checkbox-ios#themecolor:checked + label:after {
	content: '主题';
}

.checkbox-ios#squareposter + label:after {
	content: '圆角';
}
.checkbox-ios#squareposter:checked + label:after {
	content: '直角';
}
.checkbox-ios#playtone + label:after {
	content: '音效';
}
.checkbox-ios#playtone:checked + label:after {
	content: '音效';
}
.checkbox-ios#tabmode + label:after {
	content: '折叠';
}
.checkbox-ios#tabmode:checked + label:after {
	content: '折叠';
}
.checkbox-ios#qrmode + label:after {
	content: '扫码';
}
.checkbox-ios#qrmode:checked + label:after {
	content: '扫码';
}
.checkbox-ios#freemode + label:after {
	content: '自由';
}
.checkbox-ios#freemode:checked + label:after {
	content: '自律';
}
.checkbox-ios#eyecare + label:after {
	content: '护眼';
}
.checkbox-ios#eyecare:checked + label:after {
	content: '护眼';
}
.checkbox-ios#musicbg + label:after {
	content: '背景';
}
.checkbox-ios#musicbg:checked + label:after {
	content: '背景';
}
.checkbox-ios#cyclemode + label:after {
	content: '随机';
}
.checkbox-ios#cyclemode:checked + label:after {
	content: '单曲';
}
body.bgmask .themecolor,body.musicmask .eyecare,body.bgm .playtone,body.musicmask .ad,body.musicmask .adsbygoogle,body.musicmask #treebranches {
	display: none!important;
}
@media screen and ( min-width: 1201px){
	body:not(.swipeLeft):not(.inframe) .rightside .list{
		width:100%;
		margin-bottom: 1em;
	}
}
@media screen and ( min-width: 426px){
body:not(.swipeLeft) .list:hover .wordsloop{
	display: inline-block;
    animation: 8s wordsloop linear infinite normal;
}
body.isIE .list:hover .wordsloop{
	display: inline;
    animation: none;
}
@keyframes wordsloop {
    0% {
        margin-left: 100%;
        transform: translate(0, 0);
    }
    100% {
        margin-left: 0;
        transform: translate(-100%, 0);
    }
}
}
@media screen and ( max-width: 1200px){
body>.left .logo {font-size: 1.75em;padding-top: 0.75em;}body>.left, body>.rightside {
	opacity: 1!important;
}
body:not(.inframe) h1,body:not(.inframe) h2{
	font-size: 1.5em;
}
body:not(.inframe)>.right h1:first-child, body:not(.inframe)>.right h2:first-child, body:not(.inframe) #favorite h2 {
    padding-top: 1em;
}
@media screen and ( max-width: 960px) {
body.inframe h1, body.inframe h2 {
    font-size: 1.5em;
}}
.menu{
	font-size: 1.5em;
}
body.music.content .showleft {
	display: block;
}
body>.right, body.content>.right {
	width: 80%;
	box-shadow: none!important;
}
body.content>.right {
	padding: 0 4% 2% 4%;
}
body.content.swipeRight>.right .social-share {
	width: 80%;
	left: 20%;
}
#content img, body.swipeLeft #content img {
	width: 50%!important;
}
body.about .list {
	width: 20%;
}
body>.rightside {
	width: 80%;
	padding: 0 4% 2% 4%;
	height: auto;
	position: relative;
	left: 20%;
	background-color: transparent;
}
body.swipeLeft>.rightside {
	width: 100%;
	padding: 0 4%;
}
body>.rightside .mCSB_inside > .mCSB_container {
	top: 0!important;
}
.poster#cover {
	width: 62%;
	padding-bottom: 62%;
}
#ftool, .content .hm-t-go-top {
	left: auto;
	right: 0;
}
#ftool a {
	float: right;
}
.content #infscr-loading {
	right: 0;
}
.list .poster.cover:after,body>.left .poster.cover:after {
	width: 64px;
	height: 64px;
	line-height: 64px;
	margin-left: -32px;
	margin-top: -32px;
}
#mplay:after {
	display: none;
}
}
@media screen and ( max-width: 1024px) {
body.about .list, .music .list {
	width: 25%;
}
.poster.cover:hover, .poster.cover.playing {
	box-shadow: 0 0 0 4px rgb(255 255 255 / 25%) inset, 0 0 16px rgb(0 0 0 / 25%)!important;
}
.poster.cover:after {
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
#mplay:after {
	display: block;
}
.list.text {
	width: 46%!important;
}
body.channel.movie.swipeLeft h2 {
	margin-bottom: 2%;
}
.linklist h1, .linklist h2 {
	margin-bottom: 2%!important;
}
.linklist .list:before, .linklist .list:after {
	display: none!important;
}
.content .poster#cover {
	width: 62%!important;
	padding-bottom: 62%!important;
}
}
@media screen and (max-width: 768px) {
.list {
    width: 50%;
}
.list .poster.text + .title{
	text-align: left;
	padding: 8px 1em;

}
body.root.mvcat .list .poster.text + .title{
	text-align: center;
}
.poster.text {
	display: none;
}
#content .list.img{
	width: 100%;
}
body:after {
	left: 50%!important;
}
.submenu,.insearch {
	width: 80%;
}
.media, video, object, embed, .vplayer {
    min-height: 240px;
}
.related h2 {
	margin: 1em 2%!important;
}
body>.left .logo,body>.right h1:first-child, body>.right h2:first-child, body #favorite h2 {
	letter-spacing: 0px;
	border: none;
}
body>.right h1.back:before{
	content:"\e98b";
	position:absolute;
	left:0;
}
.contribute {
	float: none!important;
	letter-spacing: 0;
	font-size: 16px;
}
body>.right h1.allsearch:after {
	display: none;
}
body.root.mvcat.swipeLeft>.right .masonry {
	display: none;

}
body.about .list, .music .list {
	width: 50%;
}
body.music>.right, body.music>.rightside{
	padding:0 4% 2% 4%;
}
.music .list {
	padding: 6% 4%!important;
	float: left;
}
.poster {
	opacity: 1;
	background-position: center 19%;
}
body.music.swipeLeft #content, body.music.swipeLeft #comments {
	width: 100%;
}
body.music>.rightside{
	padding-bottom:1.5em;
}
body {
	overflow-y: auto;
}
body.content.swipeRight>.right .social-share {
	width: 100%;
	left: 0;
}
#content img, body.swipeLeft #content img {
	width: 100%!important;
	max-width: none!important;
}
.jukebox {
	margin: 2%;
}
body.music.swipeLeft .showleft{
	opacity: 1!important;
}
#magic{
	left: 50%;
	bottom: 2em;
}
body.root.music #ftool {
	top: 2.8em;
	right: 50%;
	margin-right: -1.5em;
	bottom: auto;
}
body.root.music #ftool a {
	margin-right: 0;
}
@media screen and (orientation:landscape) {
body.root.music.swipeLeft .showleft {
 left: 0;
 bottom: 50%;
}
body.root.music.swipeLeft .showleft:after {
    -webkit-text-fill-color: unset;
}
body.root.music.swipeLeft.scrollTop .showleft:after {
    content: '\e64d';
}
body.root.music #ftool {
    top: 50%;
    right: 0;
}
}
body.swipeLeft.scrollTop.root.mvcat .showleft {
	opacity: 0;
	z-index: -1;
}
body.popmaskon .showleft {
	left: 50%;
	opacity: 1!important;
}
#daodream-container .daodream-launcher-enabled {
	bottom: 108px!important;
	right: 50%!important;
	margin-right: -1.5em!important;
}
.social-share {
	font-size: 1.2em!important;
}
body.root.music #ftool {
	display: block;
}
body.root.swipeLeft #mplay {
	display: none;
}
body.music.swipeLeft #mplay {
	display: none;
}
body.music.root.swipeLeft.loading #mplay {
	bottom: auto;
	top: 50%;
}
body.bgmask>.left {
	background-color: rgba(0, 0, 0, 0.88)!important;}
.popIframe iframe {
	background-position: center 30px;
}
.functions.simple .function {
	width: 160px;
	height: 160px;
}
#content .media, #content video, #content object, #content embed, .vplayer {
	width: 100%!important;
	height: 200px!important;
}
.content.music #content {
	font-size: 1em;
}
.content.porem #content {
	font-size: 0.88em;
}
.qBox a {
	min-width: 23%;
	margin: 1%;
	flex-grow: 1;
	/* align-self: auto; */
	/* display: flex; */
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.functions #info {
	display: none;
}
.functions .function span.icon {
    font-size: 1.8em;
}
.br, .channelcontent {
	display: none!important;
}
#ftool .icon.fplayer {
	display: block;
	border-radius: 25px 0 0 0;
}
.hm-t-go-top {
	display: none!important;}
.pages center {
	display: inline;
}
.pages a, .pages span {
	padding: 4px;
}
*.none{
    display:none;
}
body>.rightside .insearch {
	margin: 1em 0;
}
body.music.swipeLeft #right>* {
    width: 100%;
}
.content .poster#cover {
	width: 62%!important;
	padding-bottom: 62%!important;
}
.jukebox .cover {
	width: 100%!important;
	padding-bottom: 100%!important;
}
.jukebox .disc {
	width: 100%;
	margin: 2em 0 1em 0!important;
}
.jukebox .content {
	text-align: center;
	position: relative;
	width: 100%;
	height: 8em;
	overflow: auto;
}
.word .jukebox .disc {
	margin: 1em 0!important;
}
.popmask.moviedaily, .popmask.musicdaily {
	width: 100%;
}
.dailycontent {
	width: 96%;
	left: 0;
	font-size: 0.75em;
}
.linklist .list:before, .linklist .list:after {
	display: none!important;
}
.bdsharebuttonbox a {
	padding: 0 5px!important;
}
.sorter form {
	display: none;
}
}
 @media screen and ( max-width: 480px) {
body>.rightside{
	padding-bottom:4%!important;
}
body>.rightside h3, body.inframe>.rightside h3, body.swipeLeft>.rightside h3 {
	margin-top: 4%;
}
body>.right .list, body>.rightside .list, body.inframe>.rightside .list, body.swipeLeft>.rightside .list,body>.right .box {
	width: 96%;
	padding: 0;
	margin: 2%;
}
body.root.mvcat>.right .list{
	width: 46%;
}
.music .list {
	width: 50%!important;
	padding: 8% 4%!important;
}
.music .list .title{
	font-size: 1em;
}
body.music.swipeLeft .columns .list {
	width: 100%!important;
}
.list.more .poster{
	padding-bottom: 38%!important;
}

.list.more .poster:after {
    content: "> 查看更多 <";
    font-size: 1.2em!important;
}
.list.text {
	width: 96%!important;
	float: left;
}


.list .summary {
	display: block;
	height: auto;
	white-space: normal;
	opacity: 1;
}
#mplay:after {
	display: none;
}

body.root {
	background-size: 100% auto;
	font-size: 15px;
}
.qBox a {
	min-width: 48%;
}



#content .list{
    width: 100%;
    margin: 2% 0;
    border:none!important;
}
.simple .list .poster{
	display:none;
}
.simple .list .title{
	text-align: left;
	font-size: 1em;
	padding: 1em 0;
}
.simple .list .title:after{
	content: "\0A0\e9a0";
}
.simple .list .summary{
	text-align: left;
	padding: 0 0.62em;
	border-left: 1px solid;
	opacity: 0.5;
}
body.themecolor .poster,body.bgmask .poster {
    filter: sepia(0) grayscale(0) contrast(1) brightness(62%);
    box-shadow: 0 0 88px inset!important;
}
.media, video, object, embed, .vplayer {
    border: 2px solid var(--themecolor);
}
.media .media{
	border: 2px solid var(--themecolor);
}
.functions{
    margin: 4% auto;
    box-shadow: 0 0 0 1px inset;}
}
/* social-share */
.social-share {
	margin-top: 1em;
	width: auto;
	border-top: 1px dashed;
	border-bottom: 4px solid;
	text-align: center;
	font-size: 1.8em;
	line-height: 2;
}
body.popmaskon .social-share {
	z-index: 1;
}
.social-share:before{
	content:"☘️ 分享到 ";
}
.social-share:after2{
	content:" · 分享";
	opacity: 10.19;
}
.social-share .social-share-icon:before {
	content: "\e871";
}
.social-share .icon-tencent:before {
	content: "腾讯微博";
}
.social-share .icon-qq:before {
	content: "\e612";
}
.social-share .icon-weibo:before {
	content: "\e635";
}
.social-share .icon-wechat:before {
	content: "\e681";
}
.social-share .icon-douban:before {
	content: "\e604";
}
.social-share .icon-heart:before {
	content: "\e86d";
}
.social-share .icon-like:before {
	content: "\e873";}
.social-share .icon-qzone:before {
	content: "\e62e";
}
.social-share .icon-linkedin:before {
	content: "\e787";
}
.social-share .icon-diandian:before {
	content: "点点";
}
.social-share .icon-facebook:before {
	content: "\e636";
}
.social-share .icon-google:before {
	content: "\e611";
}
.social-share .icon-twitter:before {
	content: "\e8b0";
}
.social-share a {
	position: relative;
	display: inline-block;
	margin: 0 8px;
	outline: none;
	text-decoration: none;
	opacity: 0.75;
	transition-duration: 0.3s;
}
.social-share .social-share-icon {
	position: relative;
	display: inline-block;
}
.social-share .social-share-icon:hover {
	opacity: 1;
}
.social-share .icon-heart:hover {
	color: red!important;
}
.social-share .icon-weibo:hover {
	color: #ff763b!important;
}
.social-share .icon-tencent:hover {
	color: #56b6e7!important;
}
.social-share .icon-qq:hover {
	color: #56b6e7!important;
}
.social-share .icon-qzone:hover {

	color: #FDBE3D!important;
}
.social-share .icon-douban:hover {
	color: #33b045!important;
}
.social-share .icon-linkedin:hover {
	color: #0077B5!important;
}
.social-share .icon-facebook:hover {
	color: #44619D!important;
}
.social-share .icon-google:hover {
	color: #db4437!important;
}
.social-share .icon-twitter:hover {
	color: #55acee!important;

}
.social-share .icon-diandian:hover {
	color: #307DCA!important;
}
.social-share .icon-wechat {
	position: relative;
}
.social-share .icon-wechat:hover {
	color: #7bc549!important;
}
.social-share .icon-wechat .wechat-qrcode {
	position: absolute;
	top: -205px;
	left: 50%;
	z-index: 9;
	visibility: hidden;
	margin-left: -100px;
	width: 200px;
	height: 192px;
	background-color: #fff;
	box-shadow: 0 2px 10px #aaa;

	color: #666;
	text-align: center;
	font-size: 0.75rem;
	opacity: 0;
	-moz-transition: all 350ms;
	transition: all 200ms;
	filter: alpha(opacity=0);
	-webkit-tansition: all 350ms;
}
.social-share .icon-wechat .wechat-qrcode h4 {
	margin: 0;
	padding: 0;
	height: 26px;
	background-color: #f3f3f3;
	color: #777;
	font-weight: normal;
	font-size: 0.75em;
	line-height: 26px;
}
body.bgmask .social-share .icon-wechat .wechat-qrcode {
	opacity: 0.85;
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
	margin: 1em auto;
	width: 100px;
}
.social-share .icon-wechat .wechat-qrcode .help p {
	margin: 0;
	padding: 0 1em;
	color: #666;
	font-weight: normal;
	line-height: 16px;
}
.social-share .icon-wechat .wechat-qrcode:after {
	position: absolute;
	bottom: -13px;
	left: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 8px 6px 6px 6px;
	content: '';
}
.social-share .icon-wechat:hover .wechat-qrcode {
	visibility: visible;
	border-color: #fff transparent transparent transparent;
	opacity: 1;
	filter: alpha(opacity=100);
}
/* social-share */
/*用户中心*/
body.home {
	text-align: center;
}
body.home h1:before {
	content: "\e98b";
	position: absolute;
	left: 5px;
}body.home .nmf_aler, .nmf_aler * {
	display: inline;
}
body.home .nmf_aler .nmf_st1 {
	display: none;
}
body.home #tipPannel {
	margin-top: 1em;
}
@media screen and (orientation: portrait) {
body>.left, body.inframe>.left {
	left: -20%;
	overflow: visible;
}
body.channel>.right {
    left: 0;
    width: 100%;
}
body.root.mvcat .right .insearch {
    display: block;
    width: 96%;
    margin: 0 auto;
    margin-top: -2%;
}
body.root .right .insearch:before {
    font-size: 30vw!important;
    line-height: 2;
    height: auto;
    margin-top: 1rem;
}
@media screen and (min-width: 500px){
body.root.swipeLeft .insearch #searchword{
	line-height: 2;
	font-size: 1.4em;
}
body>.left,#favorite{
	font-size:2.5vw;
}
#favorite{
	font-size:2.5vw;
}
body.root.swipeLeft .insearch:after{
	font-size: 2.8em;
}
}
body.root .echarts,.sortbox h2.desktop,body.root.mvcat.swipeLeft #mplay,#ftool{
	display:none;
}
body.swipeLeft:not(.music) #mplay.playing{
	display:block!important;
}
body.swipeLeft #mplay.playing, body.inframe #mplay.playing, body.root.swipeLeft:not(.music) #mplay.playing {
	left: 50%;
	margin-left: -0.5em;
	top: auto;
	bottom: 0.25em;
	border: none;
}

.showleft,body.swipeLeft .showleft{
	transition-duration: 0s!important;
	left: 50%!important;
	bottom: 2em;
	font-size: 2.4em;
}
@media screen and (min-width: 640px){
.showleft,body.swipeLeft .showleft{
	font-size: 7.5vw;
}
}
.showleft:after, body.swipeLeft .showleft:after {
	content: '\e001';
}
body:not(.swipeRight):not(.music) .showleft:after {
    background-image: linear-gradient(to right, red, yellow, green,blue, green, yellow, red, yellow, green, blue, green, yellow, red);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    animation: colorflow 5s infinite linear;
    -webkit-animation: colorflow 5s infinite linear;
}
body.root .sortbox {
	display: block!important;

	width: 100%;
	margin: 2% 0 1% 0;
}
body>.left {
	width: 50%;
	overflow: auto;
	left: -200%!important;
}
body.swipeRight>.left {
	left: 0!important;
	border-right: 1px dashed;
}body.swipeLeft>.left {
	left: -50%;
	box-shadow: none;
	overflow: visible;
}
body>.left,body>#favorite{
    transition-duration: 0.25s;
    background-color: var(--txtcolor);
    box-shadow: none;
}
body.swipeRight #favorite {
	right: 0;
}
body.swipeRight #favorite h2 .close {
	display: none;
}
#favorite {
	width: 50%!important;
	padding: 0 4% 4% 4%;
}
body>.right, body>.rightside {
	position: relative!important;
	background: none!important;

	width: 100%!important;
	height: auto!important;
	padding: 0 4% 2% 4%;

	padding-top: 0;
	left: 0;
	background-image: none;
	overflow: hidden;
}
body>.right h1, body>.right h2,.related h2 {
	border: none;
	text-align: center;
	text-indent: 4px;
}
.sorter#vcate .vcates {
	float: none;
}
h1>*, h2>*, .rightside h3>* {
	display: block;
	float: none!important;
	margin-top: 1em;
	white-space: normal;
}
body .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
}
/*深色模式*/
@media (prefers-color-scheme: dark) {

body,.popIframe,body>#favorite,.popIframe,.popIframe.loading {
	background-color: #231f20;
}
body{
	--themecolor: silver;
	--txtcolor: #231f20;
}
body.root .right .insearch:before {
    text-shadow: 0 0 0.5em;
}
iframe{
	color-scheme:light;
}
@media screen and (max-width: 768px) {
	body>.left {
		background-color: #231f20;
	}
}
}
/*深色模式*/
/*护眼模式*/
body.eyecare,body.eyecare .popIframe,body.eyecare .popIframe.loading {
	background-color: #C7EDCC;
}
body.eyecare .left {
	background-color: rgba(0,0,0,0.04);
}
body.eyecare{
	--themecolor: forestgreen!important;
	--txtcolor:#e7e7e7!important;
	font-size: 120%;
}
/*护眼模式*/
/*自律模式*/
body.selfmode .ad {
	display: none!important;
}
body.selfmode[class*=movie] .list:not([class*=必看]) {
	display: none!important
}
/*自律模式*/
/*隐藏部件*/
body.root.loading:not(.popmaskon) .showleft, body.root.loading:not(.popmaskon) #mplay, body.root.loading:not(.popmaskon) #ftool, body.root.loading:not(.popmaskon) .sleepycat {
	opacity: 0!important;
}
body.root.swipeLeft.idle .showleft, body.root.swipeLeft.idle #mplay, body.root.swipeLeft.idle #ftool,body.root.swipeLeft.idle .sleepycat,body.root.swipeLeft.idle #petbar,body.root.swipeLeft.idle .app{
	display: none!important;
	opacity: 0!important;
	transition-duration: 1.5s;
}
body.root.music.pause.swipeLeft #mplay, body.root.music.pause .showleft, body.root.music.swipeRight .showleft, body.root.music.pause #ftool {
	opacity: 1;
}
/*隐藏部件*/
span[id*=ajaxElement]{
	display:block;
	height:auto;
	overflow: hidden;
}
.scrollfixed{
	margin-top:0!important;}
/* 
CSShake :: Package
v1.5.0
CSS classes to move your DOM
(c) 2015 @elrumordelaluz
elrumordelaluz.github.io/csshake
Licensed under MIT
*/
.shake,.shake-chunk,.shake-crazy,.shake-hard,.shake-horizontal,.shake-little,.shake-opacity,.shake-rotate,.shake-slow,.shake-vertical{display:inline-block;transform-origin:center center}.shake-constant.shake-constant--hover:hover,.shake-freeze,.shake-trigger:hover .shake-constant.shake-constant--hover{opacity:1;animation-play-state:paused}.shake-chunk:hover,.shake-crazy:hover,.shake-freeze:hover,.shake-hard:hover,.shake-horizontal:hover,.shake-little:hover,.shake-opacity:hover,.shake-rotate:hover,.shake-slow:hover,.shake-trigger:hover .shake,.shake-trigger:hover .shake-chunk,.shake-trigger:hover .shake-crazy,.shake-trigger:hover .shake-freeze,.shake-trigger:hover .shake-hard,.shake-trigger:hover .shake-horizontal,.shake-trigger:hover .shake-little,.shake-trigger:hover .shake-opacity,.shake-trigger:hover .shake-rotate,.shake-trigger:hover .shake-slow,.shake-trigger:hover .shake-vertical,.shake-vertical:hover,.shake:hover{animation-play-state:running}@keyframes shake{2%{transform:translate(-.5px,-.5px) rotate(.5deg)}4%{transform:translate(2.5px,-1.5px) rotate(-.5deg)}6%{transform:translate(2.5px,.5px) rotate(1.5deg)}8%{transform:translate(-.5px,2.5px) rotate(-.5deg)}10%{transform:translate(1.5px,-.5px) rotate(1.5deg)}12%{transform:translate(.5px,-1.5px) rotate(-.5deg)}14%{transform:translate(.5px,-1.5px) rotate(.5deg)}16%{transform:translate(-.5px,.5px) rotate(.5deg)}18%{transform:translate(-1.5px,1.5px) rotate(.5deg)}20%{transform:translate(-.5px,-1.5px) rotate(-.5deg)}22%{transform:translate(1.5px,1.5px) rotate(.5deg)}24%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}26%{transform:translate(-.5px,.5px) rotate(.5deg)}28%{transform:translate(-1.5px,1.5px) rotate(-.5deg)}30%{transform:translate(1.5px,.5px) rotate(.5deg)}32%{transform:translate(1.5px,-.5px) rotate(.5deg)}34%{transform:translate(2.5px,1.5px) rotate(-.5deg)}36%{transform:translate(-1.5px,-.5px) rotate(-.5deg)}38%{transform:translate(1.5px,2.5px) rotate(-.5deg)}40%{transform:translate(-.5px,-1.5px) rotate(.5deg)}42%{transform:translate(.5px,.5px) rotate(.5deg)}44%{transform:translate(1.5px,1.5px) rotate(-.5deg)}46%{transform:translate(-1.5px,.5px) rotate(-.5deg)}48%{transform:translate(1.5px,1.5px) rotate(1.5deg)}50%{transform:translate(.5px,-.5px) rotate(.5deg)}52%{transform:translate(-.5px,.5px) rotate(1.5deg)}54%{transform:translate(1.5px,-1.5px) rotate(.5deg)}56%{transform:translate(-.5px,-1.5px) rotate(1.5deg)}58%{transform:translate(2.5px,1.5px) rotate(.5deg)}60%{transform:translate(-.5px,-.5px) rotate(1.5deg)}62%{transform:translate(1.5px,2.5px) rotate(-.5deg)}64%{transform:translate(-1.5px,.5px) rotate(-.5deg)}66%{transform:translate(2.5px,1.5px) rotate(-.5deg)}68%{transform:translate(2.5px,.5px) rotate(1.5deg)}70%{transform:translate(-1.5px,-1.5px) rotate(.5deg)}72%{transform:translate(-1.5px,-.5px) rotate(-.5deg)}74%{transform:translate(-.5px,-1.5px) rotate(1.5deg)}76%{transform:translate(1.5px,1.5px) rotate(.5deg)}78%{transform:translate(1.5px,-.5px) rotate(1.5deg)}80%{transform:translate(-.5px,1.5px) rotate(1.5deg)}82%{transform:translate(2.5px,2.5px) rotate(.5deg)}84%{transform:translate(-.5px,.5px) rotate(1.5deg)}86%{transform:translate(1.5px,-.5px) rotate(1.5deg)}88%{transform:translate(2.5px,-1.5px) rotate(.5deg)}90%{transform:translate(.5px,-1.5px) rotate(-.5deg)}92%{transform:translate(-.5px,-1.5px) rotate(1.5deg)}94%{transform:translate(2.5px,.5px) rotate(1.5deg)}96%{transform:translate(-.5px,-1.5px) rotate(-.5deg)}98%{transform:translate(-.5px,-1.5px) rotate(.5deg)}0%,to{transform:translate(0) rotate(0)}}.shake-trigger:hover .shake,.shake.shake-constant,.shake.shake-freeze,.shake:hover{animation-name:shake;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-little{2%{transform:translate(0) rotate(.5deg)}4%{transform:translate(1px,1px) rotate(.5deg)}6%{transform:translate(1px,1px) rotate(.5deg)}8%{transform:translate(1px,1px) rotate(.5deg)}10%{transform:translate(1px) rotate(.5deg)}12%{transform:translateY(1px) rotate(.5deg)}14%{transform:translate(0) rotate(.5deg)}16%{transform:translate(1px,1px) rotate(.5deg)}18%{transform:translate(0) rotate(.5deg)}20%{transform:translate(1px) rotate(.5deg)}22%{transform:translate(1px,1px) rotate(.5deg)}24%{transform:translateY(1px) rotate(.5deg)}26%{transform:translate(0) rotate(.5deg)}28%{transform:translate(0) rotate(.5deg)}30%{transform:translate(1px,1px) rotate(.5deg)}32%{transform:translate(1px) rotate(.5deg)}34%{transform:translate(1px) rotate(.5deg)}36%{transform:translate(0) rotate(.5deg)}38%{transform:translate(1px,1px) rotate(.5deg)}40%{transform:translate(1px,1px) rotate(.5deg)}42%{transform:translate(1px,1px) rotate(.5deg)}44%{transform:translate(1px) rotate(.5deg)}46%{transform:translate(0) rotate(.5deg)}48%{transform:translate(1px,1px) rotate(.5deg)}50%{transform:translate(1px) rotate(.5deg)}52%{transform:translate(0) rotate(.5deg)}54%{transform:translate(0) rotate(.5deg)}56%{transform:translate(1px) rotate(.5deg)}58%{transform:translate(1px,1px) rotate(.5deg)}60%{transform:translate(1px,1px) rotate(.5deg)}62%{transform:translate(1px,1px) rotate(.5deg)}64%{transform:translate(1px,1px) rotate(.5deg)}66%{transform:translate(0) rotate(.5deg)}68%{transform:translate(1px,1px) rotate(.5deg)}70%{transform:translate(1px) rotate(.5deg)}72%{transform:translate(1px) rotate(.5deg)}74%{transform:translate(1px,1px) rotate(.5deg)}76%{transform:translateY(1px) rotate(.5deg)}78%{transform:translate(0) rotate(.5deg)}80%{transform:translate(0) rotate(.5deg)}82%{transform:translate(0) rotate(.5deg)}84%{transform:translate(0) rotate(.5deg)}86%{transform:translate(1px) rotate(.5deg)}88%{transform:translate(1px,1px) rotate(.5deg)}90%{transform:translate(1px,1px) rotate(.5deg)}92%{transform:translate(1px) rotate(.5deg)}94%{transform:translate(1px) rotate(.5deg)}96%{transform:translate(1px,1px) rotate(.5deg)}98%{transform:translate(1px,1px) rotate(.5deg)}0%,to{transform:translate(0) rotate(0)}}.shake-little.shake-constant,.shake-little.shake-freeze,.shake-little:hover,.shake-trigger:hover .shake-little{animation-name:shake-little;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-slow{2%{transform:translate(4px,4px) rotate(1.5deg)}4%{transform:translate(-5px,10px) rotate(-1.5deg)}6%{transform:translate(7px,2px) rotate(.5deg)}8%{transform:translate(5px,-7px) rotate(1.5deg)}10%{transform:translate(-2px,10px) rotate(2.5deg)}12%{transform:translate(-1px,-9px) rotate(-1.5deg)}14%{transform:translate(-1px,5px) rotate(2.5deg)}16%{transform:translate(3px,1px) rotate(2.5deg)}18%{transform:translate(6px,7px) rotate(-.5deg)}20%{transform:translate(2px,-7px) rotate(-1.5deg)}22%{transform:translate(-8px,9px) rotate(-1.5deg)}24%{transform:translate(8px,3px) rotate(-.5deg)}26%{transform:translate(6px) rotate(-1.5deg)}28%{transform:translate(-2px,-3px) rotate(1.5deg)}30%{transform:translate(-5px,-9px) rotate(-1.5deg)}32%{transform:translate(-9px,-8px) rotate(-2.5deg)}34%{transform:translate(7px,1px) rotate(-.5deg)}36%{transform:translate(-3px,10px) rotate(3.5deg)}38%{transform:translate(-4px,10px) rotate(2.5deg)}40%{transform:translate(5px,10px) rotate(-.5deg)}42%{transform:translate(10px,-5px) rotate(.5deg)}44%{transform:translate(2px,7px) rotate(-.5deg)}46%{transform:translate(6px,-5px) rotate(3.5deg)}48%{transform:translate(3px,-1px) rotate(-2.5deg)}50%{transform:translateY(-1px) rotate(2.5deg)}52%{transform:translate(-7px,-7px) rotate(3.5deg)}54%{transform:translate(-3px,10px) rotate(-2.5deg)}56%{transform:translate(1px,5px) rotate(-.5deg)}58%{transform:translate(1px) rotate(-.5deg)}60%{transform:translate(-9px,-1px) rotate(-.5deg)}62%{transform:translate(2px,-3px) rotate(.5deg)}64%{transform:translate(-5px,8px) rotate(-2.5deg)}66%{transform:translate(-3px,4px) rotate(2.5deg)}68%{transform:translate(5px,9px) rotate(-2.5deg)}70%{transform:translate(-6px,8px) rotate(1.5deg)}72%{transform:translate(-1px,1px) rotate(2.5deg)}74%{transform:translate(2px,6px) rotate(3.5deg)}76%{transform:translate(-5px,-7px) rotate(-1.5deg)}78%{transform:translate(-1px,-4px) rotate(-1.5deg)}80%{transform:translateY(3px) rotate(2.5deg)}82%{transform:translate(4px,10px) rotate(-2.5deg)}84%{transform:translate(1px,8px) rotate(2.5deg)}86%{transform:translate(-9px,5px) rotate(3.5deg)}88%{transform:translate(3px,9px) rotate(1.5deg)}90%{transform:translateY(-2px) rotate(-2.5deg)}92%{transform:translate(-5px,5px) rotate(-.5deg)}94%{transform:translate(-6px) rotate(-.5deg)}96%{transform:translate(5px,-6px) rotate(3.5deg)}98%{transform:translate(5px,4px) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0)}}.shake-slow.shake-constant,.shake-slow.shake-freeze,.shake-slow:hover,.shake-trigger:hover .shake-slow{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-hard{2%{transform:translate(-4px,2px) rotate(-2.5deg)}4%{transform:translate(-7px,9px) rotate(-1.5deg)}6%{transform:translateY(4px) rotate(-2.5deg)}8%{transform:translate(9px,-4px) rotate(-1.5deg)}10%{transform:translate(6px,4px) rotate(1.5deg)}12%{transform:translate(-6px,-9px) rotate(-.5deg)}14%{transform:translate(9px,-9px) rotate(-.5deg)}16%{transform:translate(-2px,2px) rotate(-2.5deg)}18%{transform:translate(8px,-2px) rotate(-1.5deg)}20%{transform:translate(-2px,-8px) rotate(1.5deg)}22%{transform:translate(3px,8px) rotate(-2.5deg)}24%{transform:translate(2px,10px) rotate(.5deg)}26%{transform:translate(-3px,8px) rotate(-.5deg)}28%{transform:translate(10px) rotate(-1.5deg)}30%{transform:translate(7px,5px) rotate(2.5deg)}32%{transform:translate(7px,6px) rotate(1.5deg)}34%{transform:translateY(9px) rotate(.5deg)}36%{transform:translate(10px,-8px) rotate(.5deg)}38%{transform:translate(-1px,9px) rotate(3.5deg)}40%{transform:translate(-6px,2px) rotate(2.5deg)}42%{transform:translate(-1px,-8px) rotate(-1.5deg)}44%{transform:translate(-9px,4px) rotate(1.5deg)}46%{transform:translate(-8px,-6px) rotate(1.5deg)}48%{transform:translate(-2px,8px) rotate(-2.5deg)}50%{transform:translate(3px,9px) rotate(-2.5deg)}52%{transform:translate(7px,-9px) rotate(3.5deg)}54%{transform:translate(-6px,4px) rotate(-2.5deg)}56%{transform:translate(2px,-4px) rotate(-2.5deg)}58%{transform:translate(4px,-9px) rotate(2.5deg)}60%{transform:translate(-1px,4px) rotate(-1.5deg)}62%{transform:translate(-8px,-5px) rotate(-1.5deg)}64%{transform:translate(-5px,-6px) rotate(-2.5deg)}66%{transform:translate(9px,-7px) rotate(2.5deg)}68%{transform:translate(-6px,-3px) rotate(-.5deg)}70%{transform:translate(6px,-8px) rotate(1.5deg)}72%{transform:translate(9px,8px) rotate(.5deg)}74%{transform:translate(7px,1px) rotate(2.5deg)}76%{transform:translate(-9px,-4px) rotate(1.5deg)}78%{transform:translate(-8px) rotate(-.5deg)}80%{transform:translate(6px,-7px) rotate(1.5deg)}82%{transform:translate(8px,-2px) rotate(2.5deg)}84%{transform:translate(4px,-5px) rotate(1.5deg)}86%{transform:translate(6px,5px) rotate(-1.5deg)}88%{transform:translate(-2px,-2px) rotate(-1.5deg)}90%{transform:translate(-3px,4px) rotate(-.5deg)}92%{transform:translate(-6px,-4px) rotate(-.5deg)}94%{transform:translate(6px,-7px) rotate(2.5deg)}96%{transform:translate(-5px,-3px) rotate(3.5deg)}98%{transform:translate(5px,9px) rotate(-2.5deg)}0%,to{transform:translate(0) rotate(0)}}.shake-hard.shake-constant,.shake-hard.shake-freeze,.shake-hard:hover,.shake-trigger:hover .shake-hard{animation-name:shake-hard;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-horizontal{2%{transform:translate(0) rotate(0)}4%{transform:translate(4px) rotate(0)}6%{transform:translate(-5px) rotate(0)}8%{transform:translate(8px) rotate(0)}10%{transform:translate(3px) rotate(0)}12%{transform:translate(4px) rotate(0)}14%{transform:translate(-6px) rotate(0)}16%{transform:translate(9px) rotate(0)}18%{transform:translate(-6px) rotate(0)}20%{transform:translate(6px) rotate(0)}22%{transform:translate(9px) rotate(0)}24%{transform:translate(-1px) rotate(0)}26%{transform:translate(-2px) rotate(0)}28%{transform:translate(3px) rotate(0)}30%{transform:translate(10px) rotate(0)}32%{transform:translate(3px) rotate(0)}34%{transform:translate(-9px) rotate(0)}36%{transform:translate(8px) rotate(0)}38%{transform:translate(-2px) rotate(0)}40%{transform:translate(1px) rotate(0)}42%{transform:translate(-5px) rotate(0)}44%{transform:translate(-4px) rotate(0)}46%{transform:translate(0) rotate(0)}48%{transform:translate(3px) rotate(0)}50%{transform:translate(10px) rotate(0)}52%{transform:translate(7px) rotate(0)}54%{transform:translate(-8px) rotate(0)}56%{transform:translate(-5px) rotate(0)}58%{transform:translate(-4px) rotate(0)}60%{transform:translate(7px) rotate(0)}62%{transform:translate(-1px) rotate(0)}64%{transform:translate(9px) rotate(0)}66%{transform:translate(7px) rotate(0)}68%{transform:translate(4px) rotate(0)}70%{transform:translate(9px) rotate(0)}72%{transform:translate(1px) rotate(0)}74%{transform:translate(2px) rotate(0)}76%{transform:translate(-9px) rotate(0)}78%{transform:translate(0) rotate(0)}80%{transform:translate(0) rotate(0)}82%{transform:translate(6px) rotate(0)}84%{transform:translate(-4px) rotate(0)}86%{transform:translate(10px) rotate(0)}88%{transform:translate(-5px) rotate(0)}90%{transform:translate(-8px) rotate(0)}92%{transform:translate(0) rotate(0)}94%{transform:translate(-5px) rotate(0)}96%{transform:translate(-2px) rotate(0)}98%{transform:translate(8px) rotate(0)}0%,to{transform:translate(0) rotate(0)}}.shake-horizontal.shake-constant,.shake-horizontal.shake-freeze,.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal{animation-name:shake-horizontal;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-vertical{2%{transform:translateY(-5px) rotate(0)}4%{transform:translateY(3px) rotate(0)}6%{transform:translate(0) rotate(0)}8%{transform:translateY(3px) rotate(0)}10%{transform:translateY(-1px) rotate(0)}12%{transform:translateY(-4px) rotate(0)}14%{transform:translateY(-3px) rotate(0)}16%{transform:translate(0) rotate(0)}18%{transform:translateY(5px) rotate(0)}20%{transform:translateY(9px) rotate(0)}22%{transform:translateY(7px) rotate(0)}24%{transform:translateY(-3px) rotate(0)}26%{transform:translateY(10px) rotate(0)}28%{transform:translateY(1px) rotate(0)}30%{transform:translateY(8px) rotate(0)}32%{transform:translateY(-7px) rotate(0)}34%{transform:translateY(5px) rotate(0)}36%{transform:translateY(2px) rotate(0)}38%{transform:translateY(-7px) rotate(0)}40%{transform:translateY(-2px) rotate(0)}42%{transform:translateY(10px) rotate(0)}44%{transform:translateY(2px) rotate(0)}46%{transform:translate(0) rotate(0)}48%{transform:translateY(-5px) rotate(0)}50%{transform:translateY(10px) rotate(0)}52%{transform:translateY(1px) rotate(0)}54%{transform:translateY(-7px) rotate(0)}56%{transform:translateY(-7px) rotate(0)}58%{transform:translateY(-9px) rotate(0)}60%{transform:translateY(6px) rotate(0)}62%{transform:translateY(5px) rotate(0)}64%{transform:translateY(-9px) rotate(0)}66%{transform:translateY(3px) rotate(0)}68%{transform:translateY(3px) rotate(0)}70%{transform:translateY(-5px) rotate(0)}72%{transform:translateY(9px) rotate(0)}74%{transform:translateY(8px) rotate(0)}76%{transform:translateY(1px) rotate(0)}78%{transform:translateY(8px) rotate(0)}80%{transform:translateY(-1px) rotate(0)}82%{transform:translateY(-6px) rotate(0)}84%{transform:translateY(-4px) rotate(0)}86%{transform:translateY(2px) rotate(0)}88%{transform:translateY(-5px) rotate(0)}90%{transform:translateY(10px) rotate(0)}92%{transform:translateY(-4px) rotate(0)}94%{transform:translateY(-1px) rotate(0)}96%{transform:translateY(2px) rotate(0)}98%{transform:translateY(2px) rotate(0)}0%,to{transform:translate(0) rotate(0)}}.shake-trigger:hover .shake-vertical,.shake-vertical.shake-constant,.shake-vertical.shake-freeze,.shake-vertical:hover{animation-name:shake-vertical;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-rotate{2%{transform:translate(0) rotate(3.5deg)}4%{transform:translate(0) rotate(-1.5deg)}6%{transform:translate(0) rotate(-5.5deg)}8%{transform:translate(0) rotate(.5deg)}10%{transform:translate(0) rotate(4.5deg)}12%{transform:translate(0) rotate(-3.5deg)}14%{transform:translate(0) rotate(5.5deg)}16%{transform:translate(0) rotate(5.5deg)}18%{transform:translate(0) rotate(.5deg)}20%{transform:translate(0) rotate(7.5deg)}22%{transform:translate(0) rotate(-4.5deg)}24%{transform:translate(0) rotate(-.5deg)}26%{transform:translate(0) rotate(4.5deg)}28%{transform:translate(0) rotate(2.5deg)}30%{transform:translate(0) rotate(-4.5deg)}32%{transform:translate(0) rotate(4.5deg)}34%{transform:translate(0) rotate(3.5deg)}36%{transform:translate(0) rotate(-6.5deg)}38%{transform:translate(0) rotate(5.5deg)}40%{transform:translate(0) rotate(-4.5deg)}42%{transform:translate(0) rotate(1.5deg)}44%{transform:translate(0) rotate(1.5deg)}46%{transform:translate(0) rotate(-4.5deg)}48%{transform:translate(0) rotate(-1.5deg)}50%{transform:translate(0) rotate(-4.5deg)}52%{transform:translate(0) rotate(-3.5deg)}54%{transform:translate(0) rotate(-6.5deg)}56%{transform:translate(0) rotate(-3.5deg)}58%{transform:translate(0) rotate(2.5deg)}60%{transform:translate(0) rotate(3.5deg)}62%{transform:translate(0) rotate(-.5deg)}64%{transform:translate(0) rotate(2.5deg)}66%{transform:translate(0) rotate(.5deg)}68%{transform:translate(0) rotate(4.5deg)}70%{transform:translate(0) rotate(-6.5deg)}72%{transform:translate(0) rotate(-4.5deg)}74%{transform:translate(0) rotate(4.5deg)}76%{transform:translate(0) rotate(7.5deg)}78%{transform:translate(0) rotate(-5.5deg)}80%{transform:translate(0) rotate(1.5deg)}82%{transform:translate(0) rotate(-5.5deg)}84%{transform:translate(0) rotate(-1.5deg)}86%{transform:translate(0) rotate(.5deg)}88%{transform:translate(0) rotate(-6.5deg)}90%{transform:translate(0) rotate(4.5deg)}92%{transform:translate(0) rotate(-4.5deg)}94%{transform:translate(0) rotate(4.5deg)}96%{transform:translate(0) rotate(-1.5deg)}98%{transform:translate(0) rotate(7.5deg)}0%,to{transform:translate(0) rotate(0)}}.shake-rotate.shake-constant,.shake-rotate.shake-freeze,.shake-rotate:hover,.shake-trigger:hover .shake-rotate{animation-name:shake-rotate;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-opacity{10%{opacity:.87;transform:translate(-4px,2px) rotate(-.5deg)}20%{opacity:.21;transform:translate(-1px,-3px) rotate(.5deg)}30%{opacity:.76;transform:translate(-4px,-2px) rotate(1.5deg)}40%{opacity:.4;transform:translate(-1px,1px) rotate(.5deg)}50%{opacity:.1;transform:translate(-1px,-1px) rotate(2.5deg)}60%{opacity:.29;transform:translate(-1px,-1px) rotate(-1.5deg)}70%{opacity:.3;transform:translate(-2px,-1px) rotate(-1.5deg)}80%{opacity:.91;transform:translate(-1px,-3px) rotate(-.5deg)}90%{opacity:.76;transform:translate(2px,5px) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0)}}.shake-opacity.shake-constant,.shake-opacity.shake-freeze,.shake-opacity:hover,.shake-trigger:hover .shake-opacity{animation-name:shake-opacity;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-crazy{10%{opacity:.14;transform:translate(16px,11px) rotate(5deg)}20%{opacity:.46;transform:translate(17px,-8px) rotate(8deg)}30%{opacity:.22;transform:translate(9px,8px) rotate(5deg)}40%{opacity:.92;transform:translate(16px,14px) rotate(1deg)}50%{opacity:.2;transform:translate(1px,11px) rotate(4deg)}60%{opacity:.72;transform:translate(13px,-10px) rotate(-4deg)}70%{opacity:.2;transform:translate(6px,-10px) rotate(-3deg)}80%{opacity:.7;transform:translate(11px,-18px) rotate(8deg)}90%{opacity:.34;transform:translate(-10px,-18px) rotate(9deg)}0%,to{transform:translate(0) rotate(0)}}.shake-crazy.shake-constant,.shake-crazy.shake-freeze,.shake-crazy:hover,.shake-trigger:hover .shake-crazy{animation-name:shake-crazy;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-chunk{2%{transform:translate(-10px,-2px) rotate(8deg)}4%{transform:translate(5px,12px) rotate(10deg)}6%{transform:translate(6px,6px) rotate(0deg)}8%{transform:translate(-13px,-12px) rotate(-6deg)}10%{transform:translate(15px,11px) rotate(15deg)}12%{transform:translate(-4px,-8px) rotate(2deg)}14%{transform:translateY(-11px) rotate(2deg)}16%{transform:translate(10px,8px) rotate(9deg)}18%{transform:translate(3px,12px) rotate(15deg)}20%{transform:translate(7px,1px) rotate(10deg)}22%{transform:translate(10px,15px) rotate(-13deg)}24%{transform:translate(3px,5px) rotate(12deg)}26%{transform:translate(-5px,-11px) rotate(-11deg)}28%{transform:translate(11px,11px) rotate(3deg)}30%{transform:translate(-3px,-1px) rotate(-6deg)}32%{transform:translate(11px,5px) rotate(14deg)}34%{transform:translate(-11px,-7px) rotate(-2deg)}36%{transform:translate(3px,6px) rotate(-14deg)}38%{transform:translate(10px,11px) rotate(-5deg)}0%,40%,to{transform:translate(0) rotate(0)}}.shake-chunk.shake-constant,.shake-chunk.shake-freeze,.shake-chunk:hover,.shake-trigger:hover .shake-chunk{animation-name:shake-chunk;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
/*IE Hack*/
body.isIE #lcontrol .playtone,body.isIE #lcontrol .fullscreen{
	display:none;
}
body2.music.inframe >*:not(.musicmask),body2.music.inframe .showleft{
	display:none!important;
}
body.crossframe .showleft,body.crossframe #ftool,body.root.mvcat.swipeLeft.crossframe #mplay{
	display: none;
}
/* sleepycat start */
@keyframes sleepycat-tail {
	5% {
	transform:rotate(0);

}
10% {
	transform:rotate(10deg);
}
15% {
	transform:rotate(-5deg);
}
20% {
	transform:rotate(30deg);
}
25% {
	transform:rotate(-2deg);
}
45% {
	transform:rotate(10deg);
}
50% {
	transform:rotate(-5deg);
}
55% {
	transform:rotate(10deg);
}
}@keyframes sleepycat-body {
	65% {
	transform:scaleY(1);
}
10% {
	transform:scaleY(1.15);
}
16% {
	transform:scaleY(1);
}
20% {
	transform:scaleY(1.25);
}
26% {
	transform:scaleY(1);
}
46% {
	transform:scaleY(1.15);
}
53% {
	transform:scaleY(1);
}
56% {
	transform:scaleY(1.15);
}
}@keyframes sleepycat-left-whisker {
	6% {
	transform:rotate(0);
}
10% {
	transform:rotate(0deg);

}
16% {
	transform:rotate(-5deg);
}
20% {
	transform:rotate(0deg);
}
26% {
	transform:rotate(0deg);
}
46% {
	transform:rotate(10deg);
}
53% {
	transform:rotate(-5deg);
}
56% {
	transform:rotate(10deg);
}
}@keyframes sleepycat-right-whisker {
	6% {
	transform:rotate(180deg);
}
10% {
	transform:rotate(190deg);
}
16% {
	transform:rotate(180deg);
}
20% {
	transform:rotate(175deg);
}
26% {
	transform:rotate(190deg);
}
46% {
	transform:rotate(180deg);
}
53% {
	transform:rotate(185deg);
}
56% {
	transform:rotate(175deg);
}
}@keyframes sleepycat-left-ear {
	0% {
	transform:rotate(-20deg);
}
6% {
	transform:rotate(-6deg);

}
13% {
	transform:rotate(-15deg);
}
26% {
	transform:rotate(-15deg);
}
33% {

	transform:rotate(-30deg);
}
40% {
	transform:rotate(-30deg);
}
46% {
	transform:rotate(0deg);
}
53% {
	transform:rotate(0deg);
}
60% {
	transform:rotate(-15deg);
}
80% {
	transform:rotate(-15deg);
}
93% {
	transform:rotate(-6deg);
}
100% {
	transform:rotateZ(-6deg);
}
}@keyframes sleepycat-right-ear {
	0% {
	transform:rotateZ(-16deg);
}
6% {
	transform:rotateZ(-16deg);
}
13% {
	transform:rotateZ(-19deg);
}
26% {
	transform:rotateZ(-19deg);
}
33% {
	transform:rotateZ(-30deg);
}
36% {
	transform:rotateZ(-19deg);
}
37% {
	transform:rotateZ(-30deg);
}
38% {
	transform:rotateZ(-19deg);
}
40% {
	transform:rotateZ(-19deg);
}
40% {
	transform:rotateZ(-30deg);
}
41% {
	transform:rotateZ(-19deg);
}
46% {
	transform:rotateZ(-9deg);
}
53% {
	transform:rotateZ(-9deg);
}
60% {
	transform:rotateZ(-19deg);
}
60% {
	transform:rotateZ(-30deg);
}
61% {
	transform:rotateZ(-19deg);
}
62% {
	transform:rotateZ(-19deg);
}
63% {
	transform:rotateZ(-30deg);
}
64% {
	transform:rotateZ(-19deg);
}
80% {
	transform:rotateZ(-19deg);
}
93% {
	transform:rotateZ(-16deg);
}
100% {
	transform:rotateZ(-16deg);
}
}
.sleepycat {
	width:160px;
	position:absolute;
	z-index: 1;
	right:4%;
	margin: 0;
	bottom:auto;
	cursor:pointer;
	transition-duration:0s!important;
}
.sleepycat .stand {
	position:absolute;
	bottom:0;
	right:1px;
	height:12px;
	width:160px;
	border-radius:20px!important;
	background-color:black;
	background-color:var(--themecolor);
}
.sleepycat .cat {
	width:110px;
	height:50px;
	position:absolute;
	right:0;
	bottom:8px;
	border-top-left-radius:100px!important;
	border-top-right-radius:100px!important;
}
.sleepycat .cat .body {
	width:109px;
	height:50px;
	background-color:black;
	background-color:var(--themecolor);
	position:absolute;
	border-top-left-radius:100px!important;
	border-top-right-radius:100px!important;
	animation:sleepycat-body 12s none infinite;
}
.sleepycat .cat .head {
	width:70px;
	height:43px;
	background-color:black;
	background-color:var(--themecolor);
	position:absolute;
	top:calc(50% - 10px);
	left:-40px;
	border-top-left-radius:80px!important;
	border-top-right-radius:80px!important;
}
.sleepycat .cat .tail-container {
	position:absolute;
	right:2px;
	bottom:-13px;
	z-index:3;
}
.sleepycat.top .cat .tail-container:before {
	content:"";
	position:absolute;
	width:80px;
	height:80px;
	left:-50px;
	top:-10px;
}
.sleepycat .cat .tail {
	position:absolute;
	height:30px;
	width:14px;
	bottom:-10px;
	right:0;
	border-bottom-right-radius:5px!important;
	background-color:black;
	background-color:var(--themecolor);
	z-index:0;
}
.sleepycat .cat .tail >.tail {
	animation:sleepycat-tail 12s none infinite;
	height:100%;
	width:14px;
	transform-origin:left;
	border-bottom-left-radius:20px 20px!important;
	border-bottom-right-radius:20px 20px!important;
	border-top-right-radius:40px!important;
}
.sleepycat .cat .ear {
	position:absolute;
	left:5px;
	top:-4px;
	width:0;
	height:0;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	border-bottom:20px solid black;
	border-bottom:20px solid var(--themecolor);
	transform:rotate(-30deg);
	animation:sleepycat-left-ear 12s both infinite;
}
.sleepycat .cat .ear + .ear {
	animation:sleepycat-right-ear 12s both infinite;
	top:-10px;
	left:30px;
}
.sleepycat .cat .nose {
	position:absolute;
	bottom: 14px;
	left: 20px;
	background-color:white;
	background-color:var(--txtcolor);
	height:5px;
	width:5px;

	border-radius:50%!important;
}
.sleepycat .cat .whisker-container {
	position:absolute;
	bottom: 7px;
	left: -4px;
	width:20px;
	height:10px;
	transform-origin:right;
	animation:sleepycat-left-whisker 12s both infinite;
}
.sleepycat .cat .whisker-container + .whisker-container{
	left: 10px;
	bottom: 16px;

	transform-origin:right;
	transform:rotate(180deg);
	animation:sleepycat-right-whisker 12s both infinite;
}
.sleepycat .cat .whisker {
	position:absolute;
	top:0;
	width:100%;
	height:1px;
	background-color:white;
	background-color:var(--txtcolor);
	transform-origin:100% 0;
	transform:rotate(10deg);
}
.sleepycat .cat .whisker:last-child {
	top:0;
	transform:rotate(-20deg);
}
.sleepycat.top {
	position:fixed;
	top:0;
	bottom:auto;
}
.sleepycat.bottom {
	position:fixed;
}
@media screen and (max-width:1024px) {
	.sleepycat {
	zoom:0.62;
	right:10%;
	}
}
/* sleepycat end */
.subnav {
    width: 23%;
    margin: 1%;
    padding: 1em 1em 0.5em 1em;
    float: left;
    background: rgba(0,0,0,0.04);
    border-radius: 12px;
    font-size: 16px;
}
.subnav .items{
    height: 38vh;
    overflow:auto;
    position: relative;
}
.subnav a{
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.subnav a:hover{
	text-decoration: underline;
}
.subnav a:before{
	content:"\e66c\a0";
	opacity: 0.75;
}
.subnav[class *= '将映'] a:before,.subnav[class *= '热映'] a:before{
	content:"\e6d4";
}
.subnav[class *= '预告'] a:before,.subnav[class *= '解说'] a:before{
	content:"\e87c\a0";
}
.subnav[class *= '资讯'] a:before{
	content:"\e669\a0";
}
.subnav[class *= '影辑'] a:before{
	content:"\e64f\a0";
}
body.bgmask .subnav {
    background: var(--themecolor);
}
body.bgmask .subnav * {
    color: var(--txtcolor);
}
@media screen and (max-width: 1024px){
    .subnav {
        width:48%;
    }
}
@media screen and (max-width: 600px){
    .subnav {
    	width: 100%;
    	margin: 2% 0;
    }
	.subnav .items{
		/* height: auto; */
	}
}
@media (prefers-color-scheme: dark) {
	.subnav{
    	background: rgba(0,0,0,0.25);
	}
	body.themecolor .subnav{
    	background: rgba(0,0,0,0.04);
	}
}
/* colorpicker start */
#colorpicker {
	position:fixed;
	z-index: 9;
	top:50%;
	left:50%;
	margin-top:-140px;
	margin-left:-140px;
	border-radius:50%;
	color:#000;
	box-shadow: 0 0 2px, 0 0 0 40px inset;
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#closecolorpicker{
	position:fixed;
	z-index: 9;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:zoom-out;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
#colorpickerfixed {
	position:fixed;
	z-index: 9;
	width: 16em;
	left: 50%;
	top: 50%;
	transform: translate(-50%, 0);
	margin-top: 180px;
}
#colorpickerfixed>div {
	position: relative;
	display:inline-block;
	width: 36px;
	height: 36px;
	margin: 5px;
	border-radius: 50%;
	cursor: pointer;
}
#colorpickerfixed>div {
	background: linear-gradient(-45deg, #eee 50%, transparent 0%);
}
#colorpickerfixed>div:nth-child(1) {
	background-color:black;
}
#colorpickerfixed>div:nth-child(2) {
	background-color: deeppink;
}
#colorpickerfixed>div:nth-child(3) {
	background-color: tomato;
}
#colorpickerfixed>div:nth-child(4) {
	background-color: brown;
}
#colorpickerfixed>div:nth-child(5) {
	background-color: goldenrod;
}
#colorpickerfixed>div:nth-child(6) {
	background-color: forestgreen;
}
#colorpickerfixed>div:nth-child(7) {
	background-color: darkcyan;
}
#colorpickerfixed>div:nth-child(8) {
	background-color: royalblue;
}
#colorpickerfixed>div:nth-child(9) {
	background-color: darkorchid;
}
#colorpickerfixed>div:nth-child(10) {
	background: linear-gradient(-45deg, black 50%, transparent 50%);
	background-color: greenyellow;
}
#colorpickerfixed>div:nth-child(11) {
	background: linear-gradient(-45deg, black 50%, transparent 50%);
	background-color: gold;
}
#colorpickerfixed>div:nth-child(12) {
	background: linear-gradient(-45deg, black 50%, transparent 50%);
	background-color: #eee;
}
/* colorpicker end */
#category {
	position: fixed;
	z-index: 1;
	top: 0;
	right: -100%;
	width: 20%;
	height: 100%!important;
	padding: 0 2% 2%;
    background: var(--txtcolor);
	box-shadow: 0 0 2em rgba(0,0,0,0.5);
}
#category.show{
	transition-duration: 0.25s!important;
	right: 0;
}


#category h2{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 6%;
	padding-top: 1.65em;
}

#category h2 .close{
	float:right;
	color:red;
	cursor:pointer;
}
#category .headers a{
    padding: 0.25em 0;
    opacity: 0.75;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#category .headers a.current:after{
	content:" #";
}
#category .headers a[class*='h-']{
	padding-left:  0!important;
}
#category .headers a[class*='h-']:before{
	opacity: 0.25;
}
#category .headers a.current[class*='h-']:before{
	opacity: 1;
}
#category .headers a.h-1:before{

	content:"# ";
	opacity: 1;
}

#category .headers a.h-2:before{

	content:"· "
}
#category .headers a.h-3:before{
	content:"·· "
}
#category .headers a.h-4:before{
	content:"··· "
}
#category .headers a.h-5:before{
	content:"···· "
}

#category .headers{
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    transition-duration: 0.3s;
}

		.mindzone {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}

		.mindzone .submind {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}

		.mindzone .mind {
			position: relative;
			display: flex;

			align-items: center;
		}

		.mind:before {
			content: '';
			position: absolute;
			left: -30px;
			width: 1px;
			/*这里的高度要等于自身高度 + 节点间margin高度 */
			height: calc(100% + 20px);
			top: 0;
			transform: translateY(-10px);
			background: #ccc;
		}

		.mindzone .mind .mindtitle {
			display: block;
			padding: 10px 20px;
			border-radius: 100px;
			color: var(--txtcolor);
			background: var(--themecolor);
			margin: 10px 0;
			box-shadow: 0 0 10px rgba(0, 0, 0, .05);
			margin-right: 60px;
			position: relative;
		}

		.mindzone .mind .mindtitle:before {
			content: "";
			position: absolute;
			left: -30px;
			top: 50%;
			width: 30px;
			height: 1px;
			background: #ccc;
		}

		.mindzone .mind .mindtitle:after {
			content: '';
			width: 30px;
			height: 1px;
			background: #ccc;
			position: absolute;
			right: -30px;
			top: 50%;
		}

		.mindzone .mind:first-child:before {
			height: calc(50% + 10px);
			transform: unset;
			top: 50%;
		}

		.mindzone .mind:last-child:before {
			height: calc(50% + 10px);
			transform: unset;
			top: -10px;
		}

		.mindzone>.mind>.mindtitle:first-child:before {
			display: none;
		}
		.mindzone .mind .submind:not(:has(*)) { /*空节点*/
			display: none;
		}
		.mind:first-child:last-child:before { /*单节点*/
			display: none;
		}
		.mindzone .mind .mindtitle:not(:has(+.submind)):after { /*末节点*/
			display: none;
		}

.ad{
	position: relative;
}
.ad2:after{
	content:"广告";
	font-size: 12px;
	line-height: 1;
	position: absolute;
	top:0;right:0;
	padding: 2px 4px;
	color: #666;
	background: #eee;
}
.placeholder{
	height: 100%;
	background: linear-gradient(var(--themecolor) 62%, transparent 38%);
	background-size: 50% 1.2em;
	column-span: all;
	filter: opacity(0.1);
}
/*全屏隐藏*/
:fullscreen {
	.openwindow,.app{
		display: none!important;
	}	
}


/*soundsleep start*/
body.soundsleep{
	overflow:hidden;
	user-select: none;
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
}
#soundsleep{
	display:none;
	position: fixed;
	z-index: 999999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y:auto;
	background: #333333;
	background-image:url("../img/bg_wood_repeat.jpg");
	background-attachment:local;
	font-family: "iconfont","Kai","KaiTi",cursive;
	user-select: none;
	font-size: 15px;
}
body.soundsleep>div{
	display:none;
}
body.soundsleep #soundsleep{
	display:block!important;
}
#soundsleep:before,#soundsleep:after{
	display: block;
	margin: 0 auto;
	line-height: 1.8;
	opacity: 0.62;

	color: #000;
	text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 2px #000;
}
#soundsleep:before{
	content:"\e001";
	font-size: 11em;
}
#soundsleep .footer{
	line-height: 3;
	margin: 2em 0;
	opacity: 0.62;
	white-space: nowrap;
	color: #231f20;
	text-shadow: 0 0 1px #000;
	font-size: 1.5em;
    font-family: "仓耳非白W01",sans-serif;
}

input[type='range'], input[type='range']::-webkit-slider-runnable-track, input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type='range']{
    height: 4px;
    background: black;
    border-radius:2px;
    border: none;
    vertical-align: middle;
}
input[type='range']::-webkit-slider-thumb {
  font-size: 1.62em;
  width:1em;
  height:1em;
  background:#333;
  border-radius:50%; 
  border: 3px double #333;  
  background:
		radial-gradient(35% 25% at 60% 25%, rgb(255 255 255) 10%, transparent),
		radial-gradient(35% 25% at 32% 75%, rgb(199 198 198) , transparent),
		radial-gradient(55% 25% at 65% 78%, rgb(80 80 80) , transparent),

		radial-gradient(150% 150% at center, rgb(164 160 160) 100%, transparent);
}
.switch {
	position: relative;
	display: inline-block;
	margin: 5em auto;
	width: 8em;
	text-align: center;
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
}
.switch label {
	position: absolute;
	left: 50%;
	top: -5em;


	width: 3em;
	height: 3em;
	margin-left: -1.5em;
	background-color: red;
	background-image: radial-gradient(0.5em 0.25em at 60% 18%, rgb(255,255,255) 25%, rgba(255,255,255,0)),
  radial-gradient(0.25em 0.25em at 30% 75%, rgba(255,255,255,0.5), rgba(255,255,255,0)),
  radial-gradient(0.3em 0.3em at 60% 80%, rgba(255,255,255,0.5), rgba(255,255,255,0)),
  radial-gradient(100% 100%, rgba(255,255,255,0.25) 30%, rgba(255,255,255,0.25) 30%, rgba(0,0,0,0.80) 50%);
	border-radius: 50%;
	box-shadow: 0 0 2em darkred, 0 0 0px 0.5px black;
	display: inline-block;
	animation: jitter 0.015s infinite 0.015s;
}
.switch label span {
	display: inline-block;
	font-size: 1.5em;
	line-height: 2;
	color: transparent;
	text-shadow: #fff 0 0 2px;
	opacity: 0.5;
	overflow: hidden;
}
/* Lever */
.switch .lever {
	cursor: pointer;
	display: inline-block;
	outline: 0;
	position: relative;
	width: 6em;
	height: 6em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image:
		radial-gradient(1.25em 1.25em at 50% 50%, rgb(204,204,204) 25%, rgb(170,170,170) 49%, rgba(170,170,170,0) 50%),
		radial-gradient(1em 0.65em at 50% 53%, rgb(68,68,68), rgba(68,68,68,0)),

		radial-gradient(0.75em 0.75em at 55% 45%, rgb(255,255,255), rgba(255,255,255,0)),
		radial-gradient(0.5em 0.4em at 43% 56%, rgba(255,255,255,0.5), rgba(255,255,255,0)),
		radial-gradient(0.5em 0.4em at 55% 57%, rgba(255,255,255,0.6), rgba(255,255,255,0)),

		radial-gradient(0.5em 0.4em at 50% 60%, rgba(255,255,255,0.6), rgba(255,255,255,0)),
		radial-gradient(100% 100% at 50% 50%, rgb(238,238,238), rgb(170,170,170) 10%, rgb(0,0,0) 18%, rgb(0,0,0) 21%, rgb(153,153,153) 21.5%, rgb(153,153,153) 24%, rgba(153,153,153,0) 24.5%, rgba(221,221,221,0) 30%, rgb(221,221,221) 30.5%, rgb(221,221,221) 33%, rgb(68,68,68) 33.5%, rgb(68,68,68) 35%, rgba(68,68,68,0) 35.5%, rgba(221,221,221,0) 41%, rgb(221,221,221) 41.5%, rgb(238,238,238) 45%, rgb(68,68,85) 45.5%, rgb(68,68,85) 49%, rgba(68,68,85,0) 50%),
		radial-gradient(2em 2em at 35% 20%, rgb(255,255,255), rgba(255,255,255,0) 2em),
		radial-gradient(2em 2em at 65% 80%, rgb(255,255,255), rgba(255,255,255,0) 2em),
		radial-gradient(2em 2em at 80% 35%, rgb(255,255,255), rgba(255,255,255,0) 2em),
		radial-gradient(1em 1em at 20% 65%, rgb(255,255,255), rgba(255,255,255,0) 2em),
		radial-gradient(100% 100% at center, rgb(170,170,170) 49%, rgba(170,170,170,0) 50%);
	background-position: 0 0.5em, 0 0.5em, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
	border: 0.5px solid #000;
	border-radius: 50%;
	box-shadow: -0.25em 0.25em 0.5em rgba(0,0,0,0.3);
	transition-duration: 0.15s;
}
.switch .lever:before, .switch .lever:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}
.switch .lever:before {
	animation: leverAOff 0.15s linear forwards;
	background:
		radial-gradient(35% 25% at 60% 25%, rgb(136,136,153) 20%, rgba(136,136,153,0)),

		radial-gradient(1em 0.75em at 32% 75%, rgb(102,102,102), rgba(102,102,102,0)),
		radial-gradient(1em 0.75em at 65% 78%, rgb(102,102,102), rgba(102,102,102,0)),
		radial-gradient(100% 100% at center, rgb(68,68,68) 49.5%, rgba(68,68,68,0) 50%);
	box-shadow:
		-1em 2em 1em rgba(0,0,0,0.3),
		-1em 2.5em 2em rgba(0,0,0,0.2),
		-1em 3.5em 2em rgba(0,0,0,0.2),
		-1em 4.5em 2em rgba(0,0,0,0.2),
		-1em 5.5em 2em rgba(0,0,0,0.2);
	border-radius: 50%;
	width: 2em;
	height: 2em;
	transform: translate(-50%,100%);

	z-index: 1;
}
.switch .lever:checked {
	background-position: 0 -0.5em, 0 -0.5em, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}
.switch .lever:checked:before {
	animation: leverAOn 0.15s linear forwards;
}
.switch .lever:after {
	animation: leverBOff 0.15s linear forwards;
	background-color: #333;
	border-radius: 8em;
	box-shadow: 0 0 0.25em #667 inset;
	width: 2em;
	height: 3.5em;
	transform: translate(0.25em,-50%);
}
.switch .lever:checked:after {
	animation: leverBOn 0.15s linear forwards;
}

@keyframes jitter {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.95;
    }
    100% {
        opacity: 1;
    }
}
.switch .lever:checked + label {
	background-color: #0d0;
	box-shadow: 0 0 3em green, 0 0 0px 0.5px black;
	animation: jitter 0.01s infinite 0.01s;
	transition-duration: 0.75s;
}

.switch .lever:checked + label span{
	text-shadow: #000 0 0 1px;
	transition-duration: 1.5s;
}

.switch.song label{
	top: -2.75em;
	height: 8px;
	border-radius: 4px;
	background-image: none;
	filter: contrast(0.85);
}
.switch.song label span{
	display:none;
}

@keyframes leverAOn {
	from {
		box-shadow:
		-1em 2em 1em rgba(0,0,0,0.3),
		-1em 2.5em 2em rgba(0,0,0,0.2),
		-1em 3.5em 2em rgba(0,0,0,0.2),
		-1em 4.5em 2em rgba(0,0,0,0.2),
		-1em 5.5em 2em rgba(0,0,0,0.2);
		transform: translate(-50%,100%);
	}
	50% {
		box-shadow:
			0.5 3em 1em rgba(0,0,0,0.3),
			0.5 2.5em 2em rgba(0,0,0,0.2),
			0.5 3.5em 2em rgba(0,0,0,0.2),
			0.5 4.5em 2em rgba(0,0,0,0.2),
			0.5 5.5em 2em rgba(0,0,0,0.2);
	}
	to {
		box-shadow:
			0 3em 1em rgba(0,0,0,0.3),
			0 2.5em 2em rgba(0,0,0,0.2),
			0 3.5em 2em rgba(0,0,0,0.2),
			0 4.5em 2em rgba(0,0,0,0.2),

			0 5.5em 2em rgba(0,0,0,0.2);
		transform: translate(-50%,-200%);
	}
}

@keyframes leverAOff {
	from {
		box-shadow:
			0 3em 1em rgba(0,0,0,0.3),
			0 2.5em 2em rgba(0,0,0,0.2),
			0 3.5em 2em rgba(0,0,0,0.2),
			0 4.5em 2em rgba(0,0,0,0.2),
			0 5.5em 2em rgba(0,0,0,0.2);
		transform: translate(-50%,-200%);
	}
	50% {
		box-shadow:
			0.5 3em 1em rgba(0,0,0,0.3),
			0.5 2.5em 2em rgba(0,0,0,0.2),
			0.5 3.5em 2em rgba(0,0,0,0.2),
			0.5 4.5em 2em rgba(0,0,0,0.2),
			0.5 5.5em 2em rgba(0,0,0,0.2);
	}
	to {
		box-shadow:
		-1em 2em 1em rgba(0,0,0,0.3),
		-1em 2.5em 2em rgba(0,0,0,0.2),
		-1em 3.5em 2em rgba(0,0,0,0.2),
		-1em 4.5em 2em rgba(0,0,0,0.2),
		-1em 5.5em 2em rgba(0,0,0,0.2);

		transform: translate(-50%,100%);
	}
}
@keyframes leverBOn {
	from { width: 2em; transform: translate(-50%,0.25em); }
	50% { height: 3.5em; transform: translate(-50%,-50%); }
	to { width: 2em; transform: translate(-50%,-3.5em); }
}
@keyframes leverBOff {
	from { width: 2em; transform: translate(-50%,-3.5em); }
	50% { height: 3.5em; transform: translate(-50%,-50%); }
	to { width: 2em; transform: translate(-50%,0.25em); }
}


/*crtscreen*/
#crtscreen{
	display: inline-block;
	width: 21em;
	max-width: 90%;
	height: auto;
	overflow: hidden;
	border-radius: 40px;
	box-shadow: 0 0 0 1px black, 0 0 2px black inset, 0 0 8px black inset;
}
#crtswitch {
    display: none;
}
#crtswitch:checked + .crtswitch-label::before {
    background: #22ff55;
}
#crtswitch:checked + .crtswitch-label::after {
    content: "off";
}
@keyframes flicker {
    0% {
        opacity: 0.28768;
    }
    5% {
        opacity: 0.17856;

    }


    10% {
        opacity: 0.86288;
    }
    15.0% {
        opacity: 0.94554;
    }
    20% {
        opacity: 0.0689;
    }
    25% {
        opacity: 0.29983;
    }
    30.0% {
        opacity: 0.51994;
    }
    35% {
        opacity: 0.85166;
    }
    40% {
        opacity: 0.26873;
    }
    45% {
        opacity: 0.75565;
    }
    50% {
        opacity: 0.07236;
    }
    55.0% {
        opacity: 0.60959;
    }
    60.0% {
        opacity: 0.90671;
    }
    65% {

        opacity: 0.93449;
    }


    70% {
        opacity: 0.90519;
    }
    75% {
        opacity: 0.38337;
    }
    80% {
        opacity: 0.00992;
    }
    85.0% {
        opacity: 0.18882;
    }
    90% {
        opacity: 0.75577;
    }
    95% {
        opacity: 0.8731;
    }
    100% {
        opacity: 0.17659;
    }
}
.crtscreen {
    position: relative;
    width: 19em;
	max-width: 90%;
    height: 16em;
    margin-top: 1em;
    overflow: hidden;
    background: gray;
    border-radius: 50px;
    color: #444;
    box-shadow: 0 0 2px 0px inset, 0 0 8px 0px inset, 0 0 8px 0px inset, 0 0 12px 0px inset, 0 0 16px 0px inset,0 0 0 1px #000;
    cursor: zoom-in;
}

.crtscreen.fullscreen{
    position: fixed;
    z-index: 9999;
    width: 100%;
	max-width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
	cursor: zoom-out;
}
.crtscreen.fullscreen,.crtscreen.fullscreen *,.crtscreen.fullscreen:before,.crtscreen.fullscreen:after{
    border-radius: 0;
    box-shadow: none;
}
#crtscreen #visualizer{
    z-index: 99999;
}
@media screen and (orientation:landscape) {
.crtscreen.fullscreen .crtoverlay{
    font-size: 3vw;
}
}
.crtscreen::after {
    content: "";
    display: block;
    border-radius: 40px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(18, 16, 16, 0.1);
    opacity: 0;
    z-index: 2;
}
.crtscreen::before {
    content: "";
    display: block;
    border-radius: 40px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
}
#crtswitch:checked ~ .crtscreen::after {
    animation: flicker 0.15s infinite;
}
@keyframes turn-on {
    0% {
        transform: scale(1, 0.8) translate3d(0, 0, 0);
        -webkit-filter: brightness(2);
        filter: brightness(2);
        opacity: 1;
    }
    3.5% {
        transform: scale(1, 0.8) translate3d(0, 100%, 0);
    }
    3.6% {
        transform: scale(1, 0.8) translate3d(0, -100%, 0);
        opacity: 1;
    }
    9% {
        transform: scale(1.3, 0.6) translate3d(0, 100%, 0);
        -webkit-filter: brightness(2);
        filter: brightness(2);
        opacity: 0;
    }
    11% {
        transform: scale(1, 1) translate3d(0, 0, 0);
        -webkit-filter: contrast(0) brightness(0);
        filter: contrast(0) brightness(0);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1) translate3d(0, 0, 0);
        -webkit-filter: contrast(1) brightness(1.2) saturate(1.3);
        filter: contrast(1) brightness(1.2) saturate(1.3);
        opacity: 1;
    }
}
@keyframes turn-off {
    0% {
        transform: scale(1, 1.3) translate3d(0, 0, 0);
        -webkit-filter: brightness(1);
        filter: brightness(1);
        opacity: 1;
    }
    60% {
        transform: scale(1.3, 0.001) translate3d(0, 0, 0);
        -webkit-filter: brightness(10);
        filter: brightness(10);
    }
    100% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: scale(0, 0.0001) translate3d(0, 0, 0);
        -webkit-filter: brightness(50);
        filter: brightness(50);
    }
}
.screen {
	position:relative;
	width: 100%;
	height: 100%;
	border: none;
	background: gray;


	background-size: cover;
	background-position: center center;
	border-radius: 40px;
	box-shadow: 0 0 2px 0px inset, 0 0 8px 0px inset, 0 0 8px 0px inset, 0 0 12px 0px inset, 0 0 16px 0px inset;
}
#crtswitch ~ .crtscreen > .screen {
    animation: turn-off 0.55s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
}
#crtswitch:checked ~ .crtscreen > .screen {
    animation: turn-on 4s linear;
    animation-fill-mode: forwards;
    background-image: url('../img/bg_spaceman_320.jpg');
    transition-duration: 1.5s;
}


@keyframes crtoverlay-anim {
    99% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
.crtoverlay {
    color: snow;
    position: absolute;
    width: 100%;
    padding: 2em;
    bottom: 0;
    visibility: hidden;
    font-size: 1em;
    opacity: 0.5;
    letter-spacing: 0.1em;
    font-weight: lighter;
    font-family: "仓耳非白W01";
    font-style: italic;
}
#crtswitch:checked ~ .crtscreen .crtoverlay {
	z-index: 5;
	animation: crtoverlay-anim 3s linear;
	animation-fill-mode: forwards;
}
.crtadjust{
	height: 0;
	pointer-events: none;
	transition-duration: 0s;
	overflow: hidden;
}
#crtswitch:checked ~ .crtadjust{
	pointer-events: auto;
	height: 5em;
	overflow: visible;
}
#crtswitch:checked ~ .crtadjust input[type='range']::-webkit-slider-thumb {
    box-shadow2: 0 0 0 0.5px lawngreen inset;
    cursor: ew-resize;
}

/*redswitch*/

.redswitch {
  display:block;
  zoom: 0.5;
  background-color: black;
  width: 150px;
  height: 195px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0 1px 2px black, inset 0 2px 2px -2px white, inset 0 0 2px 15px #333, inset 0 0 2px 22px black;
  border-radius: 24px;
  padding: 20px;
  perspective: 700px;
}
.redswitch input {
  display: none;
}

.redswitch input:checked + .button {
  transform: translateZ(20px) rotateX(25deg);
  box-shadow: 0 -10px 20px #ff1818;
}
.redswitch input:checked + .button .light {
  animation: flicker 0.2s infinite 0.3s;
}
.redswitch input:checked + .button .shine {
  opacity: 1;
}
.redswitch input:checked + .button .shadow {
  opacity: 0;
}
.redswitch .button {
  transition: all 0.3s cubic-bezier(1, 0, 1, 1);
  transform-origin: center center -20px;
  transform: translateZ(20px) rotateX(-25deg);
  transform-style: preserve-3d;
  background-color: #9b0621;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  cursor: pointer;
  background: linear-gradient(#980000 0%, #6f0000 30%, #6f0000 70%, #980000 100%);
  background-repeat: no-repeat;
  border-radius: 0;
}
.redswitch .button::before {
  content: "";
  background: linear-gradient(rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0.3) 30%, #650000 75%, #320000) 50% 50%/97% 97%, #b10000;
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  transform-origin: top;
  transform: rotateX(-90deg);
  position: absolute;
  top: 0;
  left: 0;
}
.redswitch .button::after {
  content: "";
  background-image: linear-gradient(#650000, #320000);
  width: 100%;
  height: 50px;

  transform-origin: top;
  transform: translateY(50px) rotateX(-90deg);

  position: absolute;
  left: 0;
  bottom: 0;
  box-shadow: 0 50px 8px 0px black, 0 80px 20px 0px rgba(0, 0, 0, 0.5);
}
.redswitch .light {
  opacity: 0;
  animation: light-off 1s;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(#ffc97e, transparent 40%), radial-gradient(circle, #ff1818 50%, transparent 80%);
}
.redswitch .dots {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(transparent 30%, rgba(101, 0, 0, 0.7) 70%);
  background-size: 10px 10px;
}
.redswitch .characters {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(white, white) 50% 20%/5% 20%, radial-gradient(circle, transparent 50%, white 52%, white 70%, transparent 72%) 50% 80%/33% 25%;
  background-repeat: no-repeat;
}
.redswitch .shine {
  transition: all 0.3s cubic-bezier(1, 0, 1, 1);
  opacity: 0.3;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(white, transparent 3%) 50% 50%/97% 97%, linear-gradient(rgba(255, 255, 255, 0.5), transparent 50%, transparent 80%, rgba(255, 255, 255, 0.5)) 50% 50%/97% 97%;
  background-repeat: no-repeat;
}
.redswitch .shadow {
  transition: all 0.3s cubic-bezier(1, 0, 1, 1);
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 70%, rgba(0, 0, 0, 0.8));
  background-repeat: no-repeat;
}

@keyframes flicker {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes light-off {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}


/*screen*/
@media screen and ( max-width: 768px) {

	#soundsleep{
		padding: 0 1em
	}
	#soundsleep:before{
		font-size: 10em;
	}
	.switch {
		zoom: 0.88
	}
	.redswitch{
		zoom: 0.4;
	}
}
@media screen and ( max-width: 375px) {
	#soundsleep:before{
		font-size: 9em;
	}
	.switch {
		width: 7em;
	}
	.crtscreen{
		height: 220px;
	}
}
@media screen and ( max-width: 320px) {
	.switch {
		zoom:0.75
	}
	.crtscreen{
		height: 180px;
	}
}

/*----------------------------
	knobKnob Styles
-----------------------------*/

.knobknob{
	width: 6em;
	height: 6em;
	margin: 3em;
	position:relative;
}
.knobknob:after{
	content:"";
	position: absolute;
	top: -1em;
	left: -1em;
	width:8em;
	height:8em;
	border: 4px dotted #000;
	border-radius:50%;
	opacity: 0.5;
}

.knobknob .top{
	position:absolute;
	top:0;
	left:0;
	width: 6em;
	height: 6em;
	border: 3px double #333;
	background: conic-gradient(#8a8a8a, #cecece, #878787 
115deg
, #d0d0d0, #9c9c9c, #d5d5d5, #949494 
280deg
, #bebebe, #8a8a8a) content-box, linear-gradient(
90deg
, #b3b3b3, #777) padding-box, conic-gradient(#c7c7c7, #b3b3b3, #7a7a7a, #b0b0b0, #828282, #dcdcdc, #e2e2e2, #f9f9f9, #c7c7c7) border-box;
	border-radius: 50%;
	z-index:10;
	cursor: move;
}

.knobknob .base{
	width: 6em;
	height: 6em;
	border-radius:50%;
	box-shadow: 0 0 0 4px #333,0 0 0 6px #000;
	box-shadow2:0 2px 0 #555,0px 5px 5px #000;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.knobknob .top:before{
	display: none;
	content:'';
	width:4px;
	height: 4px;
	background-color:red;
	position:absolute;
	left: 50%;
	bottom: -1.2em;
	margin-left: -2px;
	border-radius: 50%;
	box-shadow: 0 0 1px #333 inset;
}
.knobknob .top:after{
	content:'';
	width:2px;
	height: 10px;
	background-color:red;
	position:absolute;
	left: 50%;
	bottom: 4px;
	margin-left: -1px;
	border-radius: 1px;
	box-shadow: 0 0 1px #666 inset;
}
.knobknob.on .top:before,.knobknob.on .top:after{
	background-color:lawngreen;
}

.knobknob [draggable] {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/*深色模式*/
@media (prefers-color-scheme: dark) {
	#soundsleep{
	    background-image:url("../img/bg_cloth_repeat.jpg");
	}
	#soundsleep .footer {
        color: white;
        opacity: 0.38;
    }
    .knobknob:after{
    	border-color:#000;
    	opacity: 1;
    }
}
/*soundsleep end*/